6da0c9dcd6d26a36a3c1d23f3fe0d6e741c3e15672ac7325cc48097e96b69698383d09bae9d27df920cad2e52422ccaab0d9a8f326dd5bfd168e0174aee462 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. /*---------------------------------------------------------------------------------------------
  2. * Copyright (c) Microsoft Corporation. All rights reserved.
  3. * Licensed under the MIT License. See License.txt in the project root for license information.
  4. *--------------------------------------------------------------------------------------------*/
  5. :root {
  6. --sash-size: 4px;
  7. }
  8. .monaco-sash {
  9. position: absolute;
  10. z-index: 35;
  11. touch-action: none;
  12. }
  13. .monaco-sash.disabled {
  14. pointer-events: none;
  15. }
  16. .monaco-sash.mac.vertical {
  17. cursor: col-resize;
  18. }
  19. .monaco-sash.vertical.minimum {
  20. cursor: e-resize;
  21. }
  22. .monaco-sash.vertical.maximum {
  23. cursor: w-resize;
  24. }
  25. .monaco-sash.mac.horizontal {
  26. cursor: row-resize;
  27. }
  28. .monaco-sash.horizontal.minimum {
  29. cursor: s-resize;
  30. }
  31. .monaco-sash.horizontal.maximum {
  32. cursor: n-resize;
  33. }
  34. .monaco-sash.disabled {
  35. cursor: default !important;
  36. pointer-events: none !important;
  37. }
  38. .monaco-sash.vertical {
  39. cursor: ew-resize;
  40. top: 0;
  41. width: var(--sash-size);
  42. height: 100%;
  43. }
  44. .monaco-sash.horizontal {
  45. cursor: ns-resize;
  46. left: 0;
  47. width: 100%;
  48. height: var(--sash-size);
  49. }
  50. .monaco-sash:not(.disabled) > .orthogonal-drag-handle {
  51. content: " ";
  52. height: calc(var(--sash-size) * 2);
  53. width: calc(var(--sash-size) * 2);
  54. z-index: 100;
  55. display: block;
  56. cursor: all-scroll;
  57. position: absolute;
  58. }
  59. .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
  60. > .orthogonal-drag-handle.start,
  61. .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
  62. > .orthogonal-drag-handle.end {
  63. cursor: nwse-resize;
  64. }
  65. .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
  66. > .orthogonal-drag-handle.end,
  67. .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
  68. > .orthogonal-drag-handle.start {
  69. cursor: nesw-resize;
  70. }
  71. .monaco-sash.vertical > .orthogonal-drag-handle.start {
  72. left: calc(var(--sash-size) * -0.5);
  73. top: calc(var(--sash-size) * -1);
  74. }
  75. .monaco-sash.vertical > .orthogonal-drag-handle.end {
  76. left: calc(var(--sash-size) * -0.5);
  77. bottom: calc(var(--sash-size) * -1);
  78. }
  79. .monaco-sash.horizontal > .orthogonal-drag-handle.start {
  80. top: calc(var(--sash-size) * -0.5);
  81. left: calc(var(--sash-size) * -1);
  82. }
  83. .monaco-sash.horizontal > .orthogonal-drag-handle.end {
  84. top: calc(var(--sash-size) * -0.5);
  85. right: calc(var(--sash-size) * -1);
  86. }
  87. .monaco-sash:before {
  88. content: '';
  89. pointer-events: none;
  90. position: absolute;
  91. width: 100%;
  92. height: 100%;
  93. transition: background-color 0.1s ease-out;
  94. background: transparent;
  95. }
  96. .monaco-sash.vertical:before {
  97. width: var(--sash-hover-size);
  98. left: calc(50% - (var(--sash-hover-size) / 2));
  99. }
  100. .monaco-sash.horizontal:before {
  101. height: var(--sash-hover-size);
  102. top: calc(50% - (var(--sash-hover-size) / 2));
  103. }
  104. .pointer-events-disabled {
  105. pointer-events: none !important;
  106. }
  107. /** Debug **/
  108. .monaco-sash.debug {
  109. background: cyan;
  110. }
  111. .monaco-sash.debug.disabled {
  112. background: rgba(0, 255, 255, 0.2);
  113. }
  114. .monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
  115. background: red;
  116. }