| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- @ui-resizable-handle-size: 9px;
- @ui-resizable-handle-corner-size: @ui-resizable-handle-size * 1.7;
- .ui-resizable-handle {
- position: absolute;
- font-size: 0.1px;
- display: block;
- -ms-touch-action: none;
- touch-action: none;
- //background: rgba(255, 255, 0, .5);
- }
- .ui-resizable-e {
- cursor: e-resize;
- width: @ui-resizable-handle-size;
- right: 0;
- top: 0;
- bottom: 0;
- }
- .ui-resizable-w {
- cursor: w-resize;
- width: @ui-resizable-handle-size;
- left: 0;
- top: 0;
- bottom: 0;
- }
- .ui-resizable-s {
- cursor: s-resize;
- height: @ui-resizable-handle-size;
- left: 0;
- right: 0;
- bottom: 0;
- }
- .ui-resizable-n {
- cursor: n-resize;
- height: @ui-resizable-handle-size;
- left: 0;
- right: 0;
- top: 0;
- }
- .ui-resizable-se {
- cursor: se-resize;
- width: @ui-resizable-handle-corner-size;
- height: @ui-resizable-handle-corner-size;
- right: -2px;
- bottom: -2px;
- transform: translate(10%, 10%);
- }
- .ui-resizable-sw {
- cursor: sw-resize;
- width: @ui-resizable-handle-corner-size;
- height: @ui-resizable-handle-corner-size;
- left: -2px;
- bottom: -2px;
- }
- .ui-resizable-ne {
- cursor: ne-resize;
- width: @ui-resizable-handle-corner-size;
- height: @ui-resizable-handle-corner-size;
- right: -2px;
- top: -2px;
- }
- .ui-resizable-nw {
- cursor: nw-resize;
- width: @ui-resizable-handle-corner-size;
- height: @ui-resizable-handle-corner-size;
- left: -2px;
- top: -2px;
- }
|