@eclipse-scout/core/src/resizable/resizable.less

Eclipse Scout runtime

/*
 * Copyright (c) 2010, 2024 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
.resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10;
}

.resizable-s {
  cursor: s-resize;
  height: 10px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.resizable-e {
  cursor: e-resize;
  width: 10px;
  right: -5px;
  top: 0;
  height: 100%;
}

.resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  right: -5px;
  bottom: -5px;
}

.resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  left: -5px;
  bottom: -5px;
}

.resizable-w {
  cursor: w-resize;
  width: 10px;
  left: -5px;
  top: 0;
  height: 100%;
}

.resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  left: -5px;
  top: -5px;
}

.resizable-n {
  cursor: n-resize;
  width: 100%;
  height: 10px;
  left: 0;
  top: -5px;
}

.resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  right: -5px;
  top: -5px;
}

.resizing-overlay {
  border: 3px dashed @focus-border-color;
  z-index: 1;
}