GridElementResizer.css (1027B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 .grid-element-width-resizer { 6 /* The space we'll have on each side of the "splitter border" */ 7 --inline-inset: 3px; 8 /* We use the --inline-inset value that we multiply by 2 and add 1px to center the splitter */ 9 width: calc(1px + (2 * var(--inline-inset))); 10 position: relative; 11 cursor: ew-resize; 12 z-index: 10; 13 } 14 15 .grid-element-width-resizer.start { 16 justify-self: start; 17 inset-inline-start: calc(-1 * var(--inline-inset)); 18 } 19 20 .grid-element-width-resizer.end { 21 justify-self: end; 22 inset-inline-start: var(--inline-inset); 23 } 24 25 .dragging, 26 .dragging * { 27 /* When resizing, we keep the "resize" cursor on every element we might hover */ 28 cursor: ew-resize !important; 29 /* This prevents to trigger some :hover style and is better for performance 30 * when resizing */ 31 pointer-events: none !important; 32 }