| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- /*---------------------------------------------------------------------------------------------
- * 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) * -0.5);
- top: calc(var(--sash-size) * -1);
- }
- .monaco-sash.vertical > .orthogonal-drag-handle.end {
- left: calc(var(--sash-size) * -0.5);
- bottom: calc(var(--sash-size) * -1);
- }
- .monaco-sash.horizontal > .orthogonal-drag-handle.start {
- top: calc(var(--sash-size) * -0.5);
- left: calc(var(--sash-size) * -1);
- }
- .monaco-sash.horizontal > .orthogonal-drag-handle.end {
- top: calc(var(--sash-size) * -0.5);
- right: calc(var(--sash-size) * -1);
- }
- .monaco-sash:before {
- content: '';
- pointer-events: none;
- position: absolute;
- width: 100%;
- height: 100%;
- transition: background-color 0.1s ease-out;
- background: transparent;
- }
- .monaco-sash.vertical:before {
- width: var(--sash-hover-size);
- left: calc(50% - (var(--sash-hover-size) / 2));
- }
- .monaco-sash.horizontal:before {
- height: var(--sash-hover-size);
- top: calc(50% - (var(--sash-hover-size) / 2));
- }
- .pointer-events-disabled {
- pointer-events: none !important;
- }
- /** 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;
- }
|