122 lines
2.5 KiB
CSS
122 lines
2.5 KiB
CSS
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
:root {
|
|
--sash-size: 4px;
|
|
}
|
|
|
|
.monaco-sash {
|
|
position: absolute;
|
|
z-index: 35;
|
|
touch-action: none;
|
|
}
|
|
|
|
.monaco-sash.disabled {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.monaco-sash.mac.vertical {
|
|
cursor: col-resize;
|
|
}
|
|
|
|
.monaco-sash.vertical.minimum {
|
|
cursor: e-resize;
|
|
}
|
|
|
|
.monaco-sash.vertical.maximum {
|
|
cursor: w-resize;
|
|
}
|
|
|
|
.monaco-sash.mac.horizontal {
|
|
cursor: row-resize;
|
|
}
|
|
|
|
.monaco-sash.horizontal.minimum {
|
|
cursor: s-resize;
|
|
}
|
|
|
|
.monaco-sash.horizontal.maximum {
|
|
cursor: n-resize;
|
|
}
|
|
|
|
.monaco-sash.disabled {
|
|
cursor: default !important;
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
.monaco-sash.vertical {
|
|
cursor: ew-resize;
|
|
top: 0;
|
|
width: var(--sash-size);
|
|
height: 100%;
|
|
}
|
|
|
|
.monaco-sash.horizontal {
|
|
cursor: ns-resize;
|
|
left: 0;
|
|
width: 100%;
|
|
height: var(--sash-size);
|
|
}
|
|
|
|
.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
|
|
content: " ";
|
|
height: calc(var(--sash-size) * 2);
|
|
width: calc(var(--sash-size) * 2);
|
|
z-index: 100;
|
|
display: block;
|
|
cursor: all-scroll;
|
|
position: absolute;
|
|
}
|
|
|
|
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
|
|
> .orthogonal-drag-handle.start,
|
|
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
|
|
> .orthogonal-drag-handle.end {
|
|
cursor: nwse-resize;
|
|
}
|
|
|
|
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
|
|
> .orthogonal-drag-handle.end,
|
|
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
|
|
> .orthogonal-drag-handle.start {
|
|
cursor: nesw-resize;
|
|
}
|
|
|
|
.monaco-sash.vertical > .orthogonal-drag-handle.start {
|
|
left: calc(var(--sash-size) / -2);
|
|
top: calc(var(--sash-size) * -1);
|
|
}
|
|
.monaco-sash.vertical > .orthogonal-drag-handle.end {
|
|
left: calc(var(--sash-size) / -2);
|
|
bottom: calc(var(--sash-size) * -1);
|
|
}
|
|
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
|
|
top: calc(var(--sash-size) / -2);
|
|
left: calc(var(--sash-size) * -1);
|
|
}
|
|
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
|
|
top: calc(var(--sash-size) / -2);
|
|
right: calc(var(--sash-size) * -1);
|
|
}
|
|
|
|
.monaco-sash {
|
|
transition: background-color 0.1s ease-out;
|
|
background: transparent;
|
|
}
|
|
|
|
/** Debug **/
|
|
|
|
.monaco-sash.debug {
|
|
background: cyan;
|
|
}
|
|
|
|
.monaco-sash.debug.disabled {
|
|
background: rgba(0, 255, 255, 0.2);
|
|
}
|
|
|
|
.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
|
|
background: red;
|
|
}
|