@nubase/terminal 0.0.0-stage → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/bin/nubase.js +11 -0
  2. package/out/main/index.js +3240 -0
  3. package/out/preload/index.cjs +23 -0
  4. package/out/renderer/assets/BinaryPreviews-Dvmgctgl.js +262 -0
  5. package/out/renderer/assets/CodeEditor-BKx61p9c.js +2034 -0
  6. package/out/renderer/assets/DocumentPreviews-BA1gL-ZJ.js +66 -0
  7. package/out/renderer/assets/DocxPreview-CiY-SNbh.js +6955 -0
  8. package/out/renderer/assets/ImagePreview-DpnKfbxj.js +120 -0
  9. package/out/renderer/assets/PdfPreview-6oeuYaqY.js +24399 -0
  10. package/out/renderer/assets/PdfPreview-BT-DZbCt.css +6483 -0
  11. package/out/renderer/assets/SpreadsheetPreviews-B4Qby88A.js +23987 -0
  12. package/out/renderer/assets/abap-Cel38df4.js +1317 -0
  13. package/out/renderer/assets/apex-DzOmV_zF.js +355 -0
  14. package/out/renderer/assets/azcli-Xvapx-7p.js +56 -0
  15. package/out/renderer/assets/bat-BGMSIlWY.js +126 -0
  16. package/out/renderer/assets/bicep-CcpV5qxk.js +228 -0
  17. package/out/renderer/assets/cameligo-BfMDXVEx.js +233 -0
  18. package/out/renderer/assets/clojure-DFgIAJGu.js +801 -0
  19. package/out/renderer/assets/codicon-DF1abBS2.ttf +0 -0
  20. package/out/renderer/assets/coffee-Db4q5aZ8.js +308 -0
  21. package/out/renderer/assets/cpp-CEvPJv6f.js +450 -0
  22. package/out/renderer/assets/csharp-CVoBr97X.js +405 -0
  23. package/out/renderer/assets/csp-Cgzd5gxo.js +49 -0
  24. package/out/renderer/assets/css-D3M-RRVi.js +287 -0
  25. package/out/renderer/assets/css.worker-AXSlELAq.js +50031 -0
  26. package/out/renderer/assets/cssMode-CrMQfSUN.js +101 -0
  27. package/out/renderer/assets/cursor-editorTextHighlight-kG3uUOwL.svg +8 -0
  28. package/out/renderer/assets/cypher-DJJgZ_3Q.js +326 -0
  29. package/out/renderer/assets/dart-Bkg7I-Qe.js +341 -0
  30. package/out/renderer/assets/dockerfile-B1r36HyK.js +194 -0
  31. package/out/renderer/assets/ecl-C1Ji6tZG.js +531 -0
  32. package/out/renderer/assets/editor-CXfYqUZ6.css +4816 -0
  33. package/out/renderer/assets/editor.api-zF37fz_e.js +127071 -0
  34. package/out/renderer/assets/elixir-D_-n8lGJ.js +526 -0
  35. package/out/renderer/assets/fileTypes-nBt-Y6NI.js +56306 -0
  36. package/out/renderer/assets/flow9-CCdkJPNN.js +179 -0
  37. package/out/renderer/assets/freemarker2-CBlvIP9I.js +733 -0
  38. package/out/renderer/assets/fsharp-D5KoOpm3.js +248 -0
  39. package/out/renderer/assets/go-B7BFdMAL.js +264 -0
  40. package/out/renderer/assets/graphql-BqIezLde.js +177 -0
  41. package/out/renderer/assets/handlebars-CG4DAk5_.js +414 -0
  42. package/out/renderer/assets/hcl-C1GQCKC0.js +222 -0
  43. package/out/renderer/assets/html-C-_R4s2w.js +335 -0
  44. package/out/renderer/assets/html.worker-vQ8gO4kF.js +30584 -0
  45. package/out/renderer/assets/htmlMode-mGTQJ-lr.js +125 -0
  46. package/out/renderer/assets/index-CQHlaLTi.js +46080 -0
  47. package/out/renderer/assets/index-DBYJcRdn.css +3124 -0
  48. package/out/renderer/assets/ini-DDFxEGYN.js +97 -0
  49. package/out/renderer/assets/java-BqvgSBNj.js +272 -0
  50. package/out/renderer/assets/javascript-BuIet4p-.js +69 -0
  51. package/out/renderer/assets/json.worker-DBhrCMTN.js +23259 -0
  52. package/out/renderer/assets/jsonMode-OAArikPQ.js +769 -0
  53. package/out/renderer/assets/julia-D30HQT3I.js +688 -0
  54. package/out/renderer/assets/kotlin-Bql4-FwM.js +303 -0
  55. package/out/renderer/assets/less-D_rhcFqZ.js +245 -0
  56. package/out/renderer/assets/lexon-CjhVPeai.js +188 -0
  57. package/out/renderer/assets/liquid-DJNDWhYP.js +277 -0
  58. package/out/renderer/assets/lspLanguageFeatures-BIH0_3rO.css +24 -0
  59. package/out/renderer/assets/lspLanguageFeatures-Bvh4jxNk.js +2583 -0
  60. package/out/renderer/assets/lua-HQuy0vuU.js +203 -0
  61. package/out/renderer/assets/m3-CIJ7obE2.js +287 -0
  62. package/out/renderer/assets/markdown-I0GroHKS.js +265 -0
  63. package/out/renderer/assets/mdx-B4We-zdi.js +330 -0
  64. package/out/renderer/assets/mips-DY_Z1uin.js +190 -0
  65. package/out/renderer/assets/msdax-YkUW9rXl.js +416 -0
  66. package/out/renderer/assets/mysql-CIm9uV8f.js +921 -0
  67. package/out/renderer/assets/objective-c-JkhNEfNv.js +233 -0
  68. package/out/renderer/assets/pascal-Dvq-PxOC.js +289 -0
  69. package/out/renderer/assets/pascaligo-A9tZTvdV.js +204 -0
  70. package/out/renderer/assets/pdf_viewer-8SNFor7s.js +7639 -0
  71. package/out/renderer/assets/perl-C2Ujz2HB.js +720 -0
  72. package/out/renderer/assets/pgsql-BHB-cYm3.js +879 -0
  73. package/out/renderer/assets/php-DkNik5Vk.js +548 -0
  74. package/out/renderer/assets/pla-DQ-RrdDE.js +149 -0
  75. package/out/renderer/assets/postiats-f1cpw-r_.js +702 -0
  76. package/out/renderer/assets/powerquery-CwYp-rYn.js +940 -0
  77. package/out/renderer/assets/powershell-DNVb682q.js +252 -0
  78. package/out/renderer/assets/protobuf-C73bXEb8.js +663 -0
  79. package/out/renderer/assets/pug-BxvM69yY.js +419 -0
  80. package/out/renderer/assets/python-Hlw9kU7X.js +389 -0
  81. package/out/renderer/assets/qsharp-BCs2AvEL.js +335 -0
  82. package/out/renderer/assets/r-B7wnzr1V.js +282 -0
  83. package/out/renderer/assets/razor-BswxUzye.js +615 -0
  84. package/out/renderer/assets/redis-BQXcxMfX.js +324 -0
  85. package/out/renderer/assets/redshift-2dZdIUPH.js +838 -0
  86. package/out/renderer/assets/restructuredtext-CVT2zSWP.js +290 -0
  87. package/out/renderer/assets/ruby-DjmMI5Dp.js +612 -0
  88. package/out/renderer/assets/rust-BhSCZj0F.js +382 -0
  89. package/out/renderer/assets/sb-DaUIZery.js +146 -0
  90. package/out/renderer/assets/scala-CYIN7D7O.js +589 -0
  91. package/out/renderer/assets/scheme-DanUmhC2.js +173 -0
  92. package/out/renderer/assets/scss-BVILLTDt.js +420 -0
  93. package/out/renderer/assets/shell-Bpairu2a.js +293 -0
  94. package/out/renderer/assets/solidity-OLm4MSRm.js +1395 -0
  95. package/out/renderer/assets/sophia-DJz2Vk1M.js +234 -0
  96. package/out/renderer/assets/sparql-Bk5uRAQt.js +237 -0
  97. package/out/renderer/assets/sql-DQBN9zz5.js +858 -0
  98. package/out/renderer/assets/st-50mV4H0S.js +657 -0
  99. package/out/renderer/assets/swift-Yc0Q28XL.js +376 -0
  100. package/out/renderer/assets/systemverilog-Du7vdcmu.js +616 -0
  101. package/out/renderer/assets/tcl-DG7u3TBj.js +312 -0
  102. package/out/renderer/assets/toggleHighContrast-CKRp-vZ7.css +3691 -0
  103. package/out/renderer/assets/toggleHighContrast-NyS1pk1Z.js +51247 -0
  104. package/out/renderer/assets/twig-C49MsNA9.js +438 -0
  105. package/out/renderer/assets/typescript-F2yeVXIn.js +382 -0
  106. package/out/renderer/assets/typespec-DA1dz9gQ.js +245 -0
  107. package/out/renderer/assets/useAsync-Bi56CNnI.js +30 -0
  108. package/out/renderer/assets/vb-BDNIgfQk.js +447 -0
  109. package/out/renderer/assets/wgsl-j-0nJ_62.js +457 -0
  110. package/out/renderer/assets/xml-BfG5_Ah8.js +131 -0
  111. package/out/renderer/assets/yaml-7gp9FQUG.js +224 -0
  112. package/out/renderer/index.html +14 -0
  113. package/package.json +66 -4
  114. package/resources/skills/nubase-extension-authoring/SKILL.md +273 -0
  115. package/resources/templates/extension/package.json.template +13 -0
  116. package/resources/templates/extension/src/host.ts.template +12 -0
  117. package/resources/templates/extension/src/ui.tsx.template +26 -0
  118. package/resources/templates/extension/tsconfig.json.template +4 -0
  119. package/README.md +0 -3
@@ -0,0 +1,4816 @@
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
+
6
+
7
+ /* Default standalone editor fonts */
8
+ .monaco-editor,
9
+ .monaco-component,
10
+ .monaco-component.context-view.fixed {
11
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
12
+ }
13
+
14
+ .monaco-editor {
15
+ --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
16
+ }
17
+
18
+ .monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
19
+ stroke-width: 1.2px;
20
+ }
21
+
22
+ .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
23
+ .monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
24
+ .monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
25
+ stroke-width: 1.2px;
26
+ }
27
+
28
+ .monaco-hover p {
29
+ margin: 0;
30
+ }
31
+
32
+ /* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */
33
+ .monaco-aria-container {
34
+ position: absolute !important;
35
+ top: 0; /* avoid being placed underneath a sibling element */
36
+ height: 1px;
37
+ width: 1px;
38
+ margin: -1px;
39
+ overflow: hidden;
40
+ padding: 0;
41
+ clip: rect(1px, 1px, 1px, 1px);
42
+ clip-path: inset(50%);
43
+ }
44
+
45
+ .monaco-editor .synthetic-focus, .monaco-diff-editor .synthetic-focus,
46
+ .monaco-editor [tabindex="0"]:focus, .monaco-diff-editor [tabindex="0"]:focus,
47
+ .monaco-editor [tabindex="-1"]:focus, .monaco-diff-editor [tabindex="-1"]:focus,
48
+ .monaco-editor button:focus, .monaco-diff-editor button:focus,
49
+ .monaco-editor input[type=button]:focus, .monaco-diff-editor input[type=button]:focus,
50
+ .monaco-editor input[type=checkbox]:focus, .monaco-diff-editor input[type=checkbox]:focus,
51
+ .monaco-editor input[type=search]:focus, .monaco-diff-editor input[type=search]:focus,
52
+ .monaco-editor input[type=text]:focus, .monaco-diff-editor input[type=text]:focus,
53
+ .monaco-editor select:focus, .monaco-diff-editor select:focus,
54
+ .monaco-editor textarea:focus, .monaco-diff-editor textarea:focus {
55
+ outline-width: 1px;
56
+ outline-style: solid;
57
+ outline-offset: -1px;
58
+ outline-color: var(--vscode-focusBorder);
59
+ opacity: 1
60
+ }
61
+ /*---------------------------------------------------------------------------------------------
62
+ * Copyright (c) Microsoft Corporation. All rights reserved.
63
+ * Licensed under the MIT License. See License.txt in the project root for license information.
64
+ *--------------------------------------------------------------------------------------------*/
65
+
66
+ .monaco-aria-container {
67
+ position: absolute; /* try to hide from window but not from screen readers */
68
+ left:-999em;
69
+ }/*---------------------------------------------------------------------------------------------
70
+ * Copyright (c) Microsoft Corporation. All rights reserved.
71
+ * Licensed under the MIT License. See License.txt in the project root for license information.
72
+ *--------------------------------------------------------------------------------------------*/
73
+
74
+ /* -------------------- IE10 remove auto clear button -------------------- */
75
+
76
+ ::-ms-clear {
77
+ display: none;
78
+ }
79
+
80
+ /* All widgets */
81
+ /* I am not a big fan of this rule */
82
+ .monaco-editor .editor-widget input {
83
+ color: inherit;
84
+ }
85
+
86
+ /* -------------------- Editor -------------------- */
87
+
88
+ .monaco-editor {
89
+ position: relative;
90
+ overflow: visible;
91
+ -webkit-text-size-adjust: 100%;
92
+ text-spacing-trim: space-all;
93
+ color: var(--vscode-editor-foreground);
94
+ background-color: var(--vscode-editor-background);
95
+ overflow-wrap: initial;
96
+ }
97
+ .monaco-editor-background {
98
+ background-color: var(--vscode-editor-background);
99
+ }
100
+ .monaco-editor .rangeHighlight {
101
+ background-color: var(--vscode-editor-rangeHighlightBackground);
102
+ box-sizing: border-box;
103
+ border: 1px solid var(--vscode-editor-rangeHighlightBorder);
104
+ }
105
+ .monaco-editor.hc-black .rangeHighlight, .monaco-editor.hc-light .rangeHighlight {
106
+ border-style: dotted;
107
+ }
108
+ .monaco-editor .symbolHighlight {
109
+ background-color: var(--vscode-editor-symbolHighlightBackground);
110
+ box-sizing: border-box;
111
+ border: 1px solid var(--vscode-editor-symbolHighlightBorder);
112
+ }
113
+ .monaco-editor.hc-black .symbolHighlight, .monaco-editor.hc-light .symbolHighlight {
114
+ border-style: dotted;
115
+ }
116
+
117
+ .monaco-editor .editorCanvas {
118
+ position: absolute;
119
+ width: 100%;
120
+ height: 100%;
121
+ z-index: 0;
122
+ pointer-events: none;
123
+ }
124
+
125
+ /* -------------------- Misc -------------------- */
126
+
127
+ .monaco-editor .overflow-guard {
128
+ position: relative;
129
+ overflow: hidden;
130
+ }
131
+
132
+ .monaco-editor .view-overlays {
133
+ position: absolute;
134
+ top: 0;
135
+ }
136
+
137
+ .monaco-editor .view-overlays > div, .monaco-editor .margin-view-overlays > div {
138
+ position: absolute;
139
+ width: 100%;
140
+ }
141
+
142
+ /*
143
+ .monaco-editor .auto-closed-character {
144
+ opacity: 0.3;
145
+ }
146
+ */
147
+
148
+
149
+ .monaco-editor .squiggly-error {
150
+ border-bottom: 4px double var(--vscode-editorError-border);
151
+ }
152
+ .monaco-editor .squiggly-error::before {
153
+ display: block;
154
+ content: '';
155
+ width: 100%;
156
+ height: 100%;
157
+ background: var(--vscode-editorError-background);
158
+ }
159
+ .monaco-editor .squiggly-warning {
160
+ border-bottom: 4px double var(--vscode-editorWarning-border);
161
+ }
162
+ .monaco-editor .squiggly-warning::before {
163
+ display: block;
164
+ content: '';
165
+ width: 100%;
166
+ height: 100%;
167
+ background: var(--vscode-editorWarning-background);
168
+ }
169
+ .monaco-editor .squiggly-info {
170
+ border-bottom: 4px double var(--vscode-editorInfo-border);
171
+ }
172
+ .monaco-editor .squiggly-info::before {
173
+ display: block;
174
+ content: '';
175
+ width: 100%;
176
+ height: 100%;
177
+ background: var(--vscode-editorInfo-background);
178
+ }
179
+ .monaco-editor .squiggly-hint {
180
+ border-bottom: 2px dotted var(--vscode-editorHint-border);
181
+ }
182
+ .monaco-editor.showUnused .squiggly-unnecessary {
183
+ border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
184
+ }
185
+ .monaco-editor.showDeprecated .squiggly-inline-deprecated {
186
+ text-decoration: line-through;
187
+ text-decoration-color: var(--vscode-editor-foreground, inherit);
188
+ }
189
+ /*---------------------------------------------------------------------------------------------
190
+ * Copyright (c) Microsoft Corporation. All rights reserved.
191
+ * Licensed under the MIT License. See License.txt in the project root for license information.
192
+ *--------------------------------------------------------------------------------------------*/
193
+
194
+ /* Arrows */
195
+ .monaco-scrollable-element > .scrollbar > .scra {
196
+ cursor: pointer;
197
+ font-size: 11px !important;
198
+ }
199
+
200
+ .monaco-scrollable-element > .visible {
201
+ opacity: 1;
202
+
203
+ /* Background rule added for IE9 - to allow clicks on dom node */
204
+ background:rgba(0,0,0,0);
205
+
206
+ transition: opacity 100ms linear;
207
+ /* In front of peek view */
208
+ z-index: 11;
209
+ }
210
+ .monaco-scrollable-element > .invisible {
211
+ opacity: 0;
212
+ pointer-events: none;
213
+ }
214
+ .monaco-scrollable-element > .invisible.fade {
215
+ transition: opacity 800ms linear;
216
+ }
217
+
218
+ .disable-animations .monaco-scrollable-element > .visible,
219
+ .disable-animations .monaco-scrollable-element > .invisible.fade {
220
+ transition: none;
221
+ }
222
+
223
+ /* Scrollable Content Inset Shadow */
224
+ .monaco-scrollable-element > .shadow {
225
+ position: absolute;
226
+ display: none;
227
+ }
228
+ .monaco-scrollable-element > .shadow.top {
229
+ display: block;
230
+ top: 0;
231
+ left: 3px;
232
+ height: 3px;
233
+ width: 100%;
234
+ box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
235
+ }
236
+ .monaco-scrollable-element > .shadow.left {
237
+ display: block;
238
+ top: 3px;
239
+ left: 0;
240
+ height: 100%;
241
+ width: 3px;
242
+ box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
243
+ }
244
+ .monaco-scrollable-element > .shadow.top-left-corner {
245
+ display: block;
246
+ top: 0;
247
+ left: 0;
248
+ height: 3px;
249
+ width: 3px;
250
+ }
251
+ .monaco-scrollable-element > .shadow.top.left {
252
+ box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
253
+ }
254
+
255
+ .monaco-scrollable-element > .scrollbar {
256
+ background: var(--vscode-scrollbar-background);
257
+ }
258
+
259
+ .monaco-scrollable-element > .scrollbar > .slider {
260
+ background: var(--vscode-scrollbarSlider-background);
261
+ }
262
+
263
+ .monaco-scrollable-element > .scrollbar > .slider:hover {
264
+ background: var(--vscode-scrollbarSlider-hoverBackground);
265
+ }
266
+
267
+ .monaco-scrollable-element > .scrollbar > .slider.active {
268
+ background: var(--vscode-scrollbarSlider-activeBackground);
269
+ }
270
+ /*---------------------------------------------------------------------------------------------
271
+ * Copyright (c) Microsoft Corporation. All rights reserved.
272
+ * Licensed under the MIT License. See License.txt in the project root for license information.
273
+ *--------------------------------------------------------------------------------------------*/
274
+
275
+ .monaco-editor .blockDecorations-container {
276
+ position: absolute;
277
+ top: 0;
278
+ pointer-events: none;
279
+ }
280
+
281
+ .monaco-editor .blockDecorations-block {
282
+ position: absolute;
283
+ box-sizing: border-box;
284
+ }
285
+ /*---------------------------------------------------------------------------------------------
286
+ * Copyright (c) Microsoft Corporation. All rights reserved.
287
+ * Licensed under the MIT License. See License.txt in the project root for license information.
288
+ *--------------------------------------------------------------------------------------------*/
289
+
290
+ .monaco-editor .view-overlays .current-line {
291
+ display: block;
292
+ position: absolute;
293
+ left: 0;
294
+ top: 0;
295
+ box-sizing: border-box;
296
+ height: 100%;
297
+ }
298
+
299
+ .monaco-editor .margin-view-overlays .current-line {
300
+ display: block;
301
+ position: absolute;
302
+ left: 0;
303
+ top: 0;
304
+ box-sizing: border-box;
305
+ height: 100%;
306
+ }
307
+
308
+ .monaco-editor
309
+ .margin-view-overlays
310
+ .current-line.current-line-margin.current-line-margin-both {
311
+ border-right: 0;
312
+ }
313
+ /*---------------------------------------------------------------------------------------------
314
+ * Copyright (c) Microsoft Corporation. All rights reserved.
315
+ * Licensed under the MIT License. See License.txt in the project root for license information.
316
+ *--------------------------------------------------------------------------------------------*/
317
+
318
+ /*
319
+ Keeping name short for faster parsing.
320
+ cdr = core decorations rendering (div)
321
+ */
322
+ .monaco-editor .lines-content .cdr {
323
+ position: absolute;
324
+ height: 100%;
325
+ }
326
+ /*---------------------------------------------------------------------------------------------
327
+ * Copyright (c) Microsoft Corporation. All rights reserved.
328
+ * Licensed under the MIT License. See License.txt in the project root for license information.
329
+ *--------------------------------------------------------------------------------------------*/
330
+
331
+ .monaco-editor .glyph-margin {
332
+ position: absolute;
333
+ top: 0;
334
+ }
335
+
336
+ /*
337
+ Keeping name short for faster parsing.
338
+ cgmr = core glyph margin rendering (div)
339
+ */
340
+ .monaco-editor .glyph-margin-widgets .cgmr {
341
+ position: absolute;
342
+ display: flex;
343
+ align-items: center;
344
+ justify-content: center;
345
+ }
346
+
347
+ /*
348
+ Ensure spinning icons are pixel-perfectly centered and avoid wobble.
349
+ This is only applied to icons that spin to avoid unnecessary
350
+ GPU layers and blurry subpixel AA.
351
+ */
352
+ .monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before {
353
+ position: absolute;
354
+ top: 50%;
355
+ left: 50%;
356
+ transform: translate(-50%, -50%);
357
+ }
358
+ /*---------------------------------------------------------------------------------------------
359
+ * Copyright (c) Microsoft Corporation. All rights reserved.
360
+ * Licensed under the MIT License. See License.txt in the project root for license information.
361
+ *--------------------------------------------------------------------------------------------*/
362
+
363
+ .monaco-editor .lines-content .core-guide {
364
+ position: absolute;
365
+ box-sizing: border-box;
366
+ height: 100%;
367
+ }
368
+ /*---------------------------------------------------------------------------------------------
369
+ * Copyright (c) Microsoft Corporation. All rights reserved.
370
+ * Licensed under the MIT License. See License.txt in the project root for license information.
371
+ *--------------------------------------------------------------------------------------------*/
372
+
373
+ .monaco-editor .margin-view-overlays .line-numbers {
374
+ bottom: 0;
375
+ font-variant-numeric: tabular-nums;
376
+ position: absolute;
377
+ text-align: right;
378
+ display: inline-block;
379
+ vertical-align: middle;
380
+ box-sizing: border-box;
381
+ cursor: default;
382
+ }
383
+
384
+ .monaco-editor .relative-current-line-number {
385
+ text-align: left;
386
+ display: inline-block;
387
+ width: 100%;
388
+ }
389
+
390
+ .monaco-editor .margin-view-overlays .line-numbers.lh-odd {
391
+ margin-top: 1px;
392
+ }
393
+
394
+ .monaco-editor .line-numbers {
395
+ color: var(--vscode-editorLineNumber-foreground);
396
+ }
397
+
398
+ .monaco-editor .line-numbers.active-line-number {
399
+ color: var(--vscode-editorLineNumber-activeForeground);
400
+ }
401
+ /*---------------------------------------------------------------------------------------------
402
+ * Copyright (c) Microsoft Corporation. All rights reserved.
403
+ * Licensed under the MIT License. See License.txt in the project root for license information.
404
+ *--------------------------------------------------------------------------------------------*/
405
+
406
+ .monaco-mouse-cursor-text {
407
+ cursor: text;
408
+ }
409
+ /*---------------------------------------------------------------------------------------------
410
+ * Copyright (c) Microsoft Corporation. All rights reserved.
411
+ * Licensed under the MIT License. See License.txt in the project root for license information.
412
+ *--------------------------------------------------------------------------------------------*/
413
+
414
+ /* Uncomment to see lines flashing when they're painted */
415
+ /*.monaco-editor .view-lines > .view-line {
416
+ background-color: none;
417
+ animation-name: flash-background;
418
+ animation-duration: 800ms;
419
+ }
420
+ @keyframes flash-background {
421
+ 0% { background-color: lightgreen; }
422
+ 100% { background-color: none }
423
+ }*/
424
+
425
+ .mtkcontrol {
426
+ color: rgb(255, 255, 255) !important;
427
+ background: rgb(150, 0, 0) !important;
428
+ }
429
+
430
+ /*
431
+ * A full-width character centered in exactly two character cells. The cell width is editor
432
+ * specific and stays inline. Deliberately not scoped to `.monaco-editor`, so that the lines
433
+ * `DOMLineBreaksComputer` measures in a container attached to the document body are styled
434
+ * the same way as the rendered ones.
435
+ */
436
+ .mtkfullwidth {
437
+ display: inline-block;
438
+ box-sizing: border-box;
439
+ text-align: center;
440
+ }
441
+
442
+ .mtkoverflow {
443
+ background-color: var(--vscode-button-background, var(--vscode-editor-background));
444
+ color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
445
+ border-width: 1px;
446
+ border-style: solid;
447
+ border-color: var(--vscode-contrastBorder);
448
+ border-radius: 2px;
449
+ padding: 4px;
450
+ cursor: pointer;
451
+ }
452
+ .mtkoverflow:hover {
453
+ background-color: var(--vscode-button-hoverBackground);
454
+ }
455
+
456
+ .monaco-editor.no-user-select .lines-content,
457
+ .monaco-editor.no-user-select .view-line,
458
+ .monaco-editor.no-user-select .view-lines {
459
+ user-select: none;
460
+ -webkit-user-select: none;
461
+ }
462
+ /* Use user-select: text for lookup feature on macOS */
463
+ /* https://github.com/microsoft/vscode/issues/85632 */
464
+ .monaco-editor.mac .lines-content:hover,
465
+ .monaco-editor.mac .view-line:hover,
466
+ .monaco-editor.mac .view-lines:hover {
467
+ user-select: text;
468
+ -webkit-user-select: text;
469
+ -ms-user-select: text;
470
+ }
471
+
472
+ .monaco-editor.enable-user-select {
473
+ user-select: initial;
474
+ -webkit-user-select: initial;
475
+ }
476
+
477
+ .monaco-editor .view-lines {
478
+ white-space: nowrap;
479
+ }
480
+
481
+ .monaco-editor .view-line {
482
+ box-sizing: border-box;
483
+ position: absolute;
484
+ width: 100%;
485
+ }
486
+
487
+ /* There are view-lines in view-zones. We have to make sure this rule does not apply to them, as they don't set a line height */
488
+ .monaco-editor .lines-content > .view-lines > .view-line > span {
489
+ top: 0;
490
+ bottom: 0;
491
+ position: absolute;
492
+ }
493
+
494
+ .monaco-editor .mtkw {
495
+ color: var(--vscode-editorWhitespace-foreground) !important;
496
+ }
497
+
498
+ .monaco-editor .mtkz {
499
+ display: inline-block;
500
+ color: var(--vscode-editorWhitespace-foreground) !important;
501
+ }
502
+
503
+ /* TODO@tokenization bootstrap fix */
504
+ /*.monaco-editor .view-line > span > span {
505
+ float: none;
506
+ min-height: inherit;
507
+ margin-left: inherit;
508
+ }*/
509
+ /*---------------------------------------------------------------------------------------------
510
+ * Copyright (c) Microsoft Corporation. All rights reserved.
511
+ * Licensed under the MIT License. See License.txt in the project root for license information.
512
+ *--------------------------------------------------------------------------------------------*/
513
+ .monaco-editor .lines-decorations {
514
+ position: absolute;
515
+ top: 0;
516
+ background: white;
517
+ }
518
+
519
+ /*
520
+ Keeping name short for faster parsing.
521
+ cldr = core lines decorations rendering (div)
522
+ */
523
+ .monaco-editor .margin-view-overlays .cldr {
524
+ position: absolute;
525
+ height: 100%;
526
+ }/*---------------------------------------------------------------------------------------------
527
+ * Copyright (c) Microsoft Corporation. All rights reserved.
528
+ * Licensed under the MIT License. See License.txt in the project root for license information.
529
+ *--------------------------------------------------------------------------------------------*/
530
+
531
+ .monaco-editor .margin {
532
+ background-color: var(--vscode-editorGutter-background);
533
+ }
534
+ /*---------------------------------------------------------------------------------------------
535
+ * Copyright (c) Microsoft Corporation. All rights reserved.
536
+ * Licensed under the MIT License. See License.txt in the project root for license information.
537
+ *--------------------------------------------------------------------------------------------*/
538
+
539
+ /*
540
+ Keeping name short for faster parsing.
541
+ cmdr = core margin decorations rendering (div)
542
+ */
543
+ .monaco-editor .margin-view-overlays .cmdr {
544
+ position: absolute;
545
+ left: 0;
546
+ width: 100%;
547
+ height: 100%;
548
+ }/*---------------------------------------------------------------------------------------------
549
+ * Copyright (c) Microsoft Corporation. All rights reserved.
550
+ * Licensed under the MIT License. See License.txt in the project root for license information.
551
+ *--------------------------------------------------------------------------------------------*/
552
+
553
+ /* START cover the case that slider is visible on mouseover */
554
+ .monaco-editor .minimap.slider-mouseover .minimap-slider {
555
+ opacity: 0;
556
+ transition: opacity 100ms linear;
557
+ }
558
+ .monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
559
+ opacity: 1;
560
+ }
561
+ .monaco-editor .minimap.slider-mouseover .minimap-slider.active {
562
+ opacity: 1;
563
+ }
564
+ /* END cover the case that slider is visible on mouseover */
565
+ .monaco-editor .minimap-slider .minimap-slider-horizontal {
566
+ background: var(--vscode-minimapSlider-background);
567
+ }
568
+ .monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
569
+ background: var(--vscode-minimapSlider-hoverBackground);
570
+ }
571
+ .monaco-editor .minimap-slider.active .minimap-slider-horizontal {
572
+ background: var(--vscode-minimapSlider-activeBackground);
573
+ }
574
+ .monaco-editor .minimap-shadow-visible {
575
+ box-shadow: var(--vscode-shadow-md);
576
+ }
577
+ .monaco-editor .minimap-shadow-hidden {
578
+ position: absolute;
579
+ width: 0;
580
+ }
581
+ .monaco-editor .minimap-shadow-visible {
582
+ position: absolute;
583
+ left: -6px;
584
+ width: 6px;
585
+ pointer-events: none;
586
+ }
587
+ .monaco-editor.no-minimap-shadow .minimap-shadow-visible {
588
+ position: absolute;
589
+ left: -1px;
590
+ width: 1px;
591
+ }
592
+
593
+ /* 0.5s fade in/out for the minimap */
594
+ .minimap.minimap-autohide-mouseover,
595
+ .minimap.minimap-autohide-scroll {
596
+ opacity: 0;
597
+ transition: opacity 0.5s;
598
+ }
599
+ .minimap.minimap-autohide-scroll{
600
+ pointer-events: none;
601
+ }
602
+ .minimap.minimap-autohide-mouseover:hover,
603
+ .minimap.minimap-autohide-scroll.active {
604
+ opacity: 1;
605
+ pointer-events: auto;
606
+ }
607
+
608
+ .monaco-editor .minimap {
609
+ z-index: 5;
610
+ }
611
+
612
+ .monaco-editor .minimap canvas {
613
+ opacity: 0.9;
614
+ }
615
+ /*---------------------------------------------------------------------------------------------
616
+ * Copyright (c) Microsoft Corporation. All rights reserved.
617
+ * Licensed under the MIT License. See License.txt in the project root for license information.
618
+ *--------------------------------------------------------------------------------------------*/
619
+ .monaco-editor .overlayWidgets {
620
+ position: absolute;
621
+ top: 0;
622
+ left:0;
623
+ }/*---------------------------------------------------------------------------------------------
624
+ * Copyright (c) Microsoft Corporation. All rights reserved.
625
+ * Licensed under the MIT License. See License.txt in the project root for license information.
626
+ *--------------------------------------------------------------------------------------------*/
627
+
628
+ .monaco-editor .view-ruler {
629
+ position: absolute;
630
+ top: 0;
631
+ box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
632
+ pointer-events: none;
633
+ }
634
+ /*---------------------------------------------------------------------------------------------
635
+ * Copyright (c) Microsoft Corporation. All rights reserved.
636
+ * Licensed under the MIT License. See License.txt in the project root for license information.
637
+ *--------------------------------------------------------------------------------------------*/
638
+
639
+ .monaco-editor .scroll-decoration {
640
+ position: absolute;
641
+ top: 0;
642
+ left: 0;
643
+ height: 6px;
644
+ box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
645
+ }
646
+ /*---------------------------------------------------------------------------------------------
647
+ * Copyright (c) Microsoft Corporation. All rights reserved.
648
+ * Licensed under the MIT License. See License.txt in the project root for license information.
649
+ *--------------------------------------------------------------------------------------------*/
650
+
651
+ /*
652
+ Keeping name short for faster parsing.
653
+ cslr = core selections layer rendering (div)
654
+ */
655
+ .monaco-editor .lines-content .cslr {
656
+ position: absolute;
657
+ }
658
+
659
+ .monaco-editor .focused .selected-text {
660
+ background-color: var(--vscode-editor-selectionBackground);
661
+ }
662
+
663
+ .monaco-editor .selected-text {
664
+ background-color: var(--vscode-editor-inactiveSelectionBackground);
665
+ }
666
+
667
+ .monaco-editor .top-left-radius { border-top-left-radius: 3px; }
668
+ .monaco-editor .bottom-left-radius { border-bottom-left-radius: 3px; }
669
+ .monaco-editor .top-right-radius { border-top-right-radius: 3px; }
670
+ .monaco-editor .bottom-right-radius { border-bottom-right-radius: 3px; }
671
+
672
+ .monaco-editor.hc-black .top-left-radius { border-top-left-radius: 0; }
673
+ .monaco-editor.hc-black .bottom-left-radius { border-bottom-left-radius: 0; }
674
+ .monaco-editor.hc-black .top-right-radius { border-top-right-radius: 0; }
675
+ .monaco-editor.hc-black .bottom-right-radius { border-bottom-right-radius: 0; }
676
+
677
+ .monaco-editor.hc-light .top-left-radius { border-top-left-radius: 0; }
678
+ .monaco-editor.hc-light .bottom-left-radius { border-bottom-left-radius: 0; }
679
+ .monaco-editor.hc-light .top-right-radius { border-top-right-radius: 0; }
680
+ .monaco-editor.hc-light .bottom-right-radius { border-bottom-right-radius: 0; }
681
+ /*---------------------------------------------------------------------------------------------
682
+ * Copyright (c) Microsoft Corporation. All rights reserved.
683
+ * Licensed under the MIT License. See License.txt in the project root for license information.
684
+ *--------------------------------------------------------------------------------------------*/
685
+ .monaco-editor .cursors-layer {
686
+ position: absolute;
687
+ top: 0;
688
+ }
689
+
690
+ .monaco-editor .cursors-layer > .cursor {
691
+ position: absolute;
692
+ overflow: hidden;
693
+ box-sizing: border-box;
694
+ }
695
+
696
+ /* -- smooth-caret-animation -- */
697
+ .monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
698
+ transition: all 80ms;
699
+ }
700
+
701
+ /* -- block-outline-style -- */
702
+ .monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
703
+ background: transparent !important;
704
+ border-style: solid;
705
+ border-width: 1px;
706
+ }
707
+
708
+ /* -- underline-style -- */
709
+ .monaco-editor .cursors-layer.cursor-underline-style > .cursor {
710
+ border-bottom-width: 2px;
711
+ border-bottom-style: solid;
712
+ background: transparent !important;
713
+ }
714
+
715
+ /* -- underline-thin-style -- */
716
+ .monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
717
+ border-bottom-width: 1px;
718
+ border-bottom-style: solid;
719
+ background: transparent !important;
720
+ }
721
+
722
+ @keyframes monaco-cursor-smooth {
723
+ 0%,
724
+ 20% {
725
+ opacity: 1;
726
+ }
727
+ 60%,
728
+ 100% {
729
+ opacity: 0;
730
+ }
731
+ }
732
+
733
+ @keyframes monaco-cursor-phase {
734
+ 0%,
735
+ 20% {
736
+ opacity: 1;
737
+ }
738
+ 90%,
739
+ 100% {
740
+ opacity: 0;
741
+ }
742
+ }
743
+
744
+ @keyframes monaco-cursor-expand {
745
+ 0%,
746
+ 20% {
747
+ transform: scaleY(1);
748
+ }
749
+ 80%,
750
+ 100% {
751
+ transform: scaleY(0);
752
+ }
753
+ }
754
+
755
+ .cursor-smooth {
756
+ animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
757
+ }
758
+
759
+ .cursor-phase {
760
+ animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
761
+ }
762
+
763
+ .cursor-expand > .cursor {
764
+ animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
765
+ }
766
+ /*---------------------------------------------------------------------------------------------
767
+ * Copyright (c) Microsoft Corporation. All rights reserved.
768
+ * Licensed under the MIT License. See License.txt in the project root for license information.
769
+ *--------------------------------------------------------------------------------------------*/
770
+
771
+ .monaco-editor .mwh {
772
+ position: absolute;
773
+ color: var(--vscode-editorWhitespace-foreground) !important;
774
+ }
775
+ /*---------------------------------------------------------------------------------------------
776
+ * Copyright (c) Microsoft Corporation. All rights reserved.
777
+ * Licensed under the MIT License. See License.txt in the project root for license information.
778
+ *--------------------------------------------------------------------------------------------*/
779
+
780
+ .monaco-editor .wwi {
781
+ position: absolute;
782
+ pointer-events: none;
783
+ color: var(--vscode-editorWordWrapIndicator-foreground);
784
+ }
785
+ /*---------------------------------------------------------------------------------------------
786
+ * Copyright (c) Microsoft Corporation. All rights reserved.
787
+ * Licensed under the MIT License. See License.txt in the project root for license information.
788
+ *--------------------------------------------------------------------------------------------*/
789
+
790
+ .monaco-editor .monaco-decoration-css-rule-extractor {
791
+ visibility: hidden;
792
+ pointer-events: none;
793
+ }
794
+ /*---------------------------------------------------------------------------------------------
795
+ * Copyright (c) Microsoft Corporation. All rights reserved.
796
+ * Licensed under the MIT License. See License.txt in the project root for license information.
797
+ *--------------------------------------------------------------------------------------------*/
798
+
799
+ .monaco-editor .inputarea {
800
+ min-width: 0;
801
+ min-height: 0;
802
+ margin: 0;
803
+ padding: 0;
804
+ position: absolute;
805
+ outline: none !important;
806
+ resize: none;
807
+ border: none;
808
+ overflow: hidden;
809
+ color: transparent;
810
+ background-color: transparent;
811
+ z-index: -10;
812
+ }
813
+ /*.monaco-editor .inputarea {
814
+ position: fixed !important;
815
+ width: 800px !important;
816
+ height: 500px !important;
817
+ top: initial !important;
818
+ left: initial !important;
819
+ bottom: 0 !important;
820
+ right: 0 !important;
821
+ color: black !important;
822
+ background: white !important;
823
+ line-height: 15px !important;
824
+ font-size: 14px !important;
825
+ z-index: 10 !important;
826
+ }*/
827
+ .monaco-editor .inputarea.ime-input {
828
+ z-index: 10;
829
+ caret-color: var(--vscode-editorCursor-foreground);
830
+ color: var(--vscode-editor-foreground);
831
+ }
832
+ /*---------------------------------------------------------------------------------------------
833
+ * Copyright (c) Microsoft Corporation. All rights reserved.
834
+ * Licensed under the MIT License. See License.txt in the project root for license information.
835
+ *--------------------------------------------------------------------------------------------*/
836
+
837
+ .monaco-editor .native-edit-context {
838
+ margin: 0;
839
+ padding: 0;
840
+ position: absolute;
841
+ overflow-y: scroll;
842
+ scrollbar-width: none;
843
+ z-index: -10;
844
+ white-space: pre-wrap;
845
+ }
846
+
847
+ .monaco-editor .ime-text-area {
848
+ min-width: 0;
849
+ min-height: 0;
850
+ margin: 0;
851
+ padding: 0;
852
+ position: absolute;
853
+ outline: none !important;
854
+ resize: none;
855
+ border: none;
856
+ overflow: hidden;
857
+ color: transparent;
858
+ background-color: transparent;
859
+ z-index: -10;
860
+ }
861
+
862
+ .monaco-editor .edit-context-composition-none {
863
+ background-color: transparent;
864
+ border-bottom: none;
865
+ }
866
+
867
+ .monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-secondary {
868
+ border-bottom: 1px solid var(--vscode-editor-compositionBorder);
869
+ }
870
+
871
+ .monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-primary {
872
+ border-bottom: 2px solid var(--vscode-editor-compositionBorder);
873
+ }
874
+
875
+ .monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-secondary {
876
+ border: 1px solid var(--vscode-editor-compositionBorder);
877
+ }
878
+
879
+ .monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-primary {
880
+ border: 2px solid var(--vscode-editor-compositionBorder);
881
+ }
882
+ /*---------------------------------------------------------------------------------------------
883
+ * Copyright (c) Microsoft Corporation. All rights reserved.
884
+ * Licensed under the MIT License. See License.txt in the project root for license information.
885
+ *--------------------------------------------------------------------------------------------*/
886
+
887
+ .monaco-editor .margin-view-overlays .gpu-mark {
888
+ position: absolute;
889
+ top: 0;
890
+ bottom: 0;
891
+ left: 0;
892
+ width: 100%;
893
+ display: inline-block;
894
+ border-left: solid 2px var(--vscode-editorWarning-foreground);
895
+ opacity: 0.2;
896
+ transition: background-color 0.1s linear;
897
+ }
898
+
899
+ .monaco-editor .margin-view-overlays .gpu-mark:hover {
900
+ background-color: var(--vscode-editorWarning-foreground)
901
+ }
902
+ /*---------------------------------------------------------------------------------------------
903
+ * Copyright (c) Microsoft Corporation. All rights reserved.
904
+ * Licensed under the MIT License. See License.txt in the project root for license information.
905
+ *--------------------------------------------------------------------------------------------*/
906
+
907
+ /* stylelint-disable layer-checker */
908
+
909
+ .monaco-hover.workbench-hover {
910
+ position: relative;
911
+ font-size: 13px;
912
+ line-height: 19px;
913
+ /* Must be higher than sash's z-index and terminal canvases */
914
+ z-index: 40;
915
+ overflow: hidden;
916
+ max-width: 700px;
917
+ background: var(--vscode-editorHoverWidget-background);
918
+ border: 1px solid var(--vscode-editorHoverWidget-border);
919
+ border-radius: 5px;
920
+ color: var(--vscode-editorHoverWidget-foreground);
921
+ box-shadow: var(--vscode-shadow-lg);
922
+ }
923
+
924
+ .monaco-hover.workbench-hover.with-pointer {
925
+ border-radius: 3px;
926
+ }
927
+
928
+ .monaco-hover.workbench-hover .monaco-action-bar .action-item .codicon {
929
+ /* Given our font-size, adjust action icons accordingly */
930
+ width: 13px;
931
+ height: 13px;
932
+ }
933
+
934
+ .monaco-hover.workbench-hover hr {
935
+ border-bottom: none;
936
+ }
937
+
938
+ .monaco-hover.workbench-hover.compact {
939
+ font-size: 12px;
940
+ }
941
+
942
+ .monaco-hover.workbench-hover.compact .monaco-action-bar .action-item .codicon {
943
+ /* Given our font-size, adjust action icons accordingly */
944
+ width: 12px;
945
+ height: 12px;
946
+ }
947
+
948
+ .monaco-hover.workbench-hover.compact .hover-contents {
949
+ padding: 2px 8px;
950
+ }
951
+
952
+ .monaco-hover.workbench-hover.managed-hover-content-owns-padding .hover-contents {
953
+ padding: 0;
954
+ }
955
+
956
+ .workbench-hover-container.locked .monaco-hover.workbench-hover {
957
+ outline: 1px solid var(--vscode-editorHoverWidget-border);
958
+ }
959
+ .workbench-hover-container:focus-within.locked .monaco-hover.workbench-hover {
960
+ outline-color: var(--vscode-focusBorder);
961
+ }
962
+
963
+ .workbench-hover-pointer {
964
+ position: absolute;
965
+ /* Must be higher than workbench hover z-index */
966
+ z-index: 41;
967
+ pointer-events: none;
968
+ }
969
+
970
+ .workbench-hover-pointer:after {
971
+ content: '';
972
+ position: absolute;
973
+ /* Border box keeps the caret 6px wide so its centre stays exactly PointerSize from its origin. */
974
+ box-sizing: border-box;
975
+ width: 6px;
976
+ height: 6px;
977
+ background-color: var(--vscode-editorHoverWidget-background);
978
+ border-right: 1px solid var(--vscode-editorHoverWidget-border);
979
+ border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
980
+ }
981
+ .workbench-hover-container:not(:focus-within).locked .workbench-hover-pointer:after {
982
+ border-right-width: 2px;
983
+ border-bottom-width: 2px;
984
+ }
985
+ .workbench-hover-container:focus-within .workbench-hover-pointer:after {
986
+ border-right: 1px solid var(--vscode-focusBorder);
987
+ border-bottom: 1px solid var(--vscode-focusBorder);
988
+ }
989
+
990
+ .workbench-hover-pointer.left { left: -3px; }
991
+ .workbench-hover-pointer.right { right: 3px; }
992
+ .workbench-hover-pointer.top { top: -3px; }
993
+ .workbench-hover-pointer.bottom { bottom: 3px; }
994
+
995
+ .workbench-hover-pointer.left:after {
996
+ transform: rotate(135deg);
997
+ }
998
+
999
+ .workbench-hover-pointer.right:after {
1000
+ transform: rotate(315deg);
1001
+ }
1002
+
1003
+ .workbench-hover-pointer.top:after {
1004
+ transform: rotate(225deg);
1005
+ }
1006
+
1007
+ .workbench-hover-pointer.bottom:after {
1008
+ transform: rotate(45deg);
1009
+ }
1010
+
1011
+ .monaco-hover.workbench-hover a {
1012
+ color: var(--vscode-textLink-foreground);
1013
+ }
1014
+
1015
+ .monaco-hover.workbench-hover a:focus {
1016
+ outline: 1px solid;
1017
+ outline-offset: -1px;
1018
+ text-decoration: underline;
1019
+ outline-color: var(--vscode-focusBorder);
1020
+ }
1021
+
1022
+ .monaco-hover.workbench-hover a.codicon:focus,
1023
+ .monaco-hover.workbench-hover a.monaco-button:focus {
1024
+ text-decoration: none;
1025
+ }
1026
+
1027
+ .monaco-hover.workbench-hover a:hover,
1028
+ .monaco-hover.workbench-hover a:active {
1029
+ color: var(--vscode-textLink-activeForeground);
1030
+ }
1031
+
1032
+ .monaco-hover.workbench-hover code {
1033
+ background: var(--vscode-textCodeBlock-background);
1034
+ }
1035
+
1036
+ .monaco-hover.workbench-hover.right-aligned {
1037
+ /* The context view service wraps strangely when it's right up against the edge without this */
1038
+ left: 1px;
1039
+ }
1040
+
1041
+ .monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions {
1042
+ flex-direction: row-reverse;
1043
+ }
1044
+
1045
+ .monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions .action-container {
1046
+ margin-right: 0;
1047
+ margin-left: 16px;
1048
+ }
1049
+ /*---------------------------------------------------------------------------------------------
1050
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1051
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1052
+ *--------------------------------------------------------------------------------------------*/
1053
+
1054
+ .monaco-hover {
1055
+ cursor: default;
1056
+ position: absolute;
1057
+ overflow: hidden;
1058
+ user-select: text;
1059
+ -webkit-user-select: text;
1060
+ box-sizing: border-box;
1061
+ line-height: 1.5em;
1062
+ white-space: var(--vscode-hover-whiteSpace, normal);
1063
+ }
1064
+
1065
+ .monaco-hover.fade-in {
1066
+ animation: fadein 100ms linear;
1067
+ }
1068
+
1069
+ .monaco-hover.hidden {
1070
+ display: none;
1071
+ }
1072
+
1073
+ .monaco-hover a:hover:not(.disabled) {
1074
+ cursor: pointer;
1075
+ }
1076
+
1077
+ .monaco-hover .hover-contents:not(.html-hover-contents) {
1078
+ padding: 4px 8px;
1079
+ }
1080
+
1081
+ .monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
1082
+ max-width: var(--vscode-hover-maxWidth, 500px);
1083
+ word-wrap: break-word;
1084
+ }
1085
+
1086
+ .monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
1087
+ min-width: 100%;
1088
+ }
1089
+
1090
+ .monaco-hover p,
1091
+ .monaco-hover .code,
1092
+ .monaco-hover ul,
1093
+ .monaco-hover h1,
1094
+ .monaco-hover h2,
1095
+ .monaco-hover h3,
1096
+ .monaco-hover h4,
1097
+ .monaco-hover h5,
1098
+ .monaco-hover h6 {
1099
+ margin: 8px 0;
1100
+ }
1101
+
1102
+ .monaco-hover h1,
1103
+ .monaco-hover h2,
1104
+ .monaco-hover h3,
1105
+ .monaco-hover h4,
1106
+ .monaco-hover h5,
1107
+ .monaco-hover h6 {
1108
+ line-height: 1.1;
1109
+ }
1110
+
1111
+ .monaco-hover code {
1112
+ font-family: var(--monaco-monospace-font);
1113
+ }
1114
+
1115
+ .monaco-hover hr {
1116
+ box-sizing: border-box;
1117
+ border-left: 0px;
1118
+ border-right: 0px;
1119
+ margin-top: 4px;
1120
+ margin-bottom: -4px;
1121
+ margin-left: -8px;
1122
+ margin-right: -8px;
1123
+ height: 1px;
1124
+ }
1125
+
1126
+ .monaco-hover p:first-child,
1127
+ .monaco-hover .code:first-child,
1128
+ .monaco-hover ul:first-child {
1129
+ margin-top: 0;
1130
+ }
1131
+
1132
+ .monaco-hover p:last-child,
1133
+ .monaco-hover .code:last-child,
1134
+ .monaco-hover ul:last-child {
1135
+ margin-bottom: 0;
1136
+ }
1137
+
1138
+ /* MarkupContent Layout */
1139
+ .monaco-hover ul {
1140
+ padding-left: 20px;
1141
+ }
1142
+ .monaco-hover ol {
1143
+ padding-left: 20px;
1144
+ }
1145
+
1146
+ .monaco-hover li > p {
1147
+ margin-bottom: 0;
1148
+ }
1149
+
1150
+ .monaco-hover li > ul {
1151
+ margin-top: 0;
1152
+ }
1153
+
1154
+ .monaco-hover code {
1155
+ border-radius: 3px;
1156
+ padding: 0 0.4em;
1157
+ }
1158
+
1159
+ .monaco-hover .monaco-tokenized-source {
1160
+ white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
1161
+ }
1162
+
1163
+ .hover-row.status-bar {
1164
+ font-size: 12px;
1165
+ line-height: 22px;
1166
+ }
1167
+
1168
+ .hover-row.status-bar .info {
1169
+ font-style: italic;
1170
+ padding: 0px 8px;
1171
+ }
1172
+
1173
+ .hover-row.status-bar .actions {
1174
+ display: flex;
1175
+ padding: 0px 8px;
1176
+ width: 100%;
1177
+ box-sizing: border-box;
1178
+ background: var(--vscode-editorHoverWidget-statusBarBackground);
1179
+ }
1180
+
1181
+ .hover-row.status-bar .actions .action-container {
1182
+ margin-right: 16px;
1183
+ cursor: pointer;
1184
+ overflow: hidden;
1185
+ text-wrap: nowrap;
1186
+ text-overflow: ellipsis;
1187
+ }
1188
+
1189
+ .hover-row.status-bar .actions .action-container .action {
1190
+ display: inline-flex;
1191
+ align-items: center;
1192
+ }
1193
+
1194
+ .hover-row.status-bar .actions .action-container .action .icon {
1195
+ padding-right: 4px;
1196
+ font-size: inherit;
1197
+ }
1198
+
1199
+ .hover-row.status-bar .actions .action-container a {
1200
+ color: var(--vscode-textLink-foreground);
1201
+ text-decoration: var(--text-link-decoration);
1202
+ }
1203
+
1204
+ .hover-row.status-bar .actions .action-container a .icon.codicon {
1205
+ color: var(--vscode-textLink-foreground);
1206
+ }
1207
+
1208
+ .monaco-hover .markdown-hover .hover-contents .codicon {
1209
+ color: inherit;
1210
+ font-size: inherit;
1211
+ vertical-align: middle;
1212
+ }
1213
+
1214
+ .monaco-hover .hover-contents a.code-link:hover,
1215
+ .monaco-hover .hover-contents a.code-link {
1216
+ color: inherit;
1217
+ }
1218
+
1219
+ .monaco-hover .hover-contents a.code-link:before {
1220
+ content: '(';
1221
+ }
1222
+
1223
+ .monaco-hover .hover-contents a.code-link:after {
1224
+ content: ')';
1225
+ }
1226
+
1227
+ .monaco-hover .hover-contents a.code-link > span {
1228
+ text-decoration: underline;
1229
+ /** Hack to force underline to show **/
1230
+ border-bottom: 1px solid transparent;
1231
+ text-underline-position: under;
1232
+ color: var(--vscode-textLink-foreground);
1233
+ }
1234
+
1235
+ .monaco-hover .hover-contents a.code-link > span:hover {
1236
+ color: var(--vscode-textLink-activeForeground);
1237
+ }
1238
+
1239
+ /**
1240
+ * Add a slight margin to try vertically align codicons with any text
1241
+ * https://github.com/microsoft/vscode/issues/221359
1242
+ */
1243
+ .monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon {
1244
+ margin-bottom: 2px;
1245
+ }
1246
+
1247
+ .monaco-hover-content .action-container a {
1248
+ -webkit-user-select: none;
1249
+ user-select: none;
1250
+ }
1251
+
1252
+ .monaco-hover-content .action-container.disabled {
1253
+ pointer-events: none;
1254
+ opacity: 0.4;
1255
+ cursor: default;
1256
+ }
1257
+
1258
+ /* Prevent text selection in all button-like elements within hovers */
1259
+ .monaco-hover .action-container,
1260
+ .monaco-hover .action,
1261
+ .monaco-hover button,
1262
+ .monaco-hover .monaco-button,
1263
+ .monaco-hover .monaco-text-button,
1264
+ .monaco-hover [role="button"] {
1265
+ -webkit-user-select: none;
1266
+ user-select: none;
1267
+ }
1268
+ /*---------------------------------------------------------------------------------------------
1269
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1270
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1271
+ *--------------------------------------------------------------------------------------------*/
1272
+
1273
+ .context-view {
1274
+ position: absolute;
1275
+ }
1276
+
1277
+ .context-view.fixed {
1278
+ all: initial;
1279
+ font-family: inherit;
1280
+ font-size: 13px;
1281
+ position: fixed;
1282
+ color: inherit;
1283
+ }
1284
+ /*---------------------------------------------------------------------------------------------
1285
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1286
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1287
+ *--------------------------------------------------------------------------------------------*/
1288
+
1289
+ .monaco-select-box {
1290
+ width: 100%;
1291
+ cursor: pointer;
1292
+ border-radius: var(--vscode-cornerRadius-small);
1293
+ }
1294
+
1295
+ .monaco-select-box-dropdown-container {
1296
+ font-size: 13px;
1297
+ font-weight: normal;
1298
+ text-transform: none;
1299
+ }
1300
+
1301
+ /** Actions */
1302
+
1303
+ .monaco-action-bar .action-item.select-container {
1304
+ cursor: default;
1305
+ }
1306
+
1307
+ .monaco-action-bar .action-item .monaco-select-box {
1308
+ cursor: pointer;
1309
+ min-width: 100px;
1310
+ min-height: 18px;
1311
+ padding: 2px 23px 2px 8px;
1312
+ }
1313
+
1314
+ .mac .monaco-action-bar .action-item .monaco-select-box {
1315
+ font-size: 11px;
1316
+ border-radius: var(--vscode-cornerRadius-small);
1317
+ min-height: 24px;
1318
+ }
1319
+ /*---------------------------------------------------------------------------------------------
1320
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1321
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1322
+ *--------------------------------------------------------------------------------------------*/
1323
+
1324
+ .monaco-list {
1325
+ position: relative;
1326
+ height: 100%;
1327
+ width: 100%;
1328
+ white-space: nowrap;
1329
+ overflow: hidden;
1330
+ }
1331
+
1332
+ .monaco-list.mouse-support {
1333
+ user-select: none;
1334
+ -webkit-user-select: none;
1335
+ }
1336
+
1337
+ .monaco-list > .monaco-scrollable-element {
1338
+ height: 100%;
1339
+ }
1340
+
1341
+ .monaco-list-rows {
1342
+ position: relative;
1343
+ width: 100%;
1344
+ height: 100%;
1345
+ }
1346
+
1347
+ .monaco-list.horizontal-scrolling .monaco-list-rows {
1348
+ width: auto;
1349
+ min-width: 100%;
1350
+ }
1351
+
1352
+ .monaco-list-row {
1353
+ position: absolute;
1354
+ box-sizing: border-box;
1355
+ overflow: hidden;
1356
+ width: 100%;
1357
+ }
1358
+
1359
+ .monaco-list.mouse-support .monaco-list-row {
1360
+ cursor: pointer;
1361
+ touch-action: none;
1362
+ }
1363
+
1364
+ /* Make sure the scrollbar renders above overlays (sticky scroll) */
1365
+ .monaco-list .monaco-scrollable-element > .scrollbar.vertical,
1366
+ .monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
1367
+ z-index: 14;
1368
+ }
1369
+
1370
+ /* for OS X ballistic scrolling */
1371
+ .monaco-list-row.scrolling {
1372
+ display: none !important;
1373
+ }
1374
+
1375
+ /* Focus */
1376
+ .monaco-list.element-focused,
1377
+ .monaco-list.selection-single,
1378
+ .monaco-list.selection-multiple {
1379
+ outline: 0 !important;
1380
+ }
1381
+
1382
+ /* Filter */
1383
+
1384
+ .monaco-list-type-filter-message {
1385
+ position: absolute;
1386
+ box-sizing: border-box;
1387
+ width: 100%;
1388
+ height: 100%;
1389
+ top: 0;
1390
+ left: 0;
1391
+ padding: 40px 1em 1em 1em;
1392
+ text-align: center;
1393
+ white-space: normal;
1394
+ opacity: 0.7;
1395
+ pointer-events: none;
1396
+ }
1397
+
1398
+ .monaco-list-type-filter-message:empty {
1399
+ display: none;
1400
+ }
1401
+ /*---------------------------------------------------------------------------------------------
1402
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1403
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1404
+ *--------------------------------------------------------------------------------------------*/
1405
+
1406
+ .monaco-drag-image {
1407
+ display: inline-block;
1408
+ padding: 1px 7px;
1409
+ border-radius: 10px;
1410
+ font-size: 12px;
1411
+ position: absolute;
1412
+ z-index: 1000;
1413
+
1414
+ /* Default styles */
1415
+ background-color: var(--vscode-list-activeSelectionBackground);
1416
+ color: var(--vscode-list-activeSelectionForeground);
1417
+ outline: 1px solid var(--vscode-list-focusOutline);
1418
+ outline-offset: -1px;
1419
+
1420
+ /*
1421
+ * Browsers apply an effect to the drag image when the div becomes too
1422
+ * large which makes them unreadable. Use max width so it does not happen
1423
+ */
1424
+ max-width: 120px;
1425
+ overflow: hidden;
1426
+ text-overflow: ellipsis;
1427
+ white-space: nowrap;
1428
+ }
1429
+ /*---------------------------------------------------------------------------------------------
1430
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1431
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1432
+ *--------------------------------------------------------------------------------------------*/
1433
+
1434
+ .monaco-select-box-dropdown-container {
1435
+ display: none;
1436
+ box-sizing: border-box;
1437
+ border-radius: var(--vscode-cornerRadius-large);
1438
+ box-shadow: var(--vscode-shadow-lg);
1439
+ }
1440
+
1441
+ .monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
1442
+ margin: 0;
1443
+ }
1444
+
1445
+ .monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
1446
+ outline: 1px solid -webkit-focus-ring-color;
1447
+ outline-offset: -1px;
1448
+ }
1449
+
1450
+ .monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
1451
+ line-height: 15px; /** For some reason, this is needed, otherwise <code> will take up 20px height */
1452
+ font-family: var(--monaco-monospace-font);
1453
+ }
1454
+
1455
+
1456
+ .monaco-select-box-dropdown-container.visible {
1457
+ display: flex;
1458
+ flex-direction: column;
1459
+ text-align: left;
1460
+ width: 1px;
1461
+ overflow: hidden;
1462
+ }
1463
+
1464
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
1465
+ flex: 0 0 auto;
1466
+ align-self: flex-start;
1467
+ width: 100%;
1468
+ overflow: hidden;
1469
+ box-sizing: border-box;
1470
+ }
1471
+
1472
+ .monaco-select-box-dropdown-container > .select-box-details-pane {
1473
+ padding: 5px 6px;
1474
+ }
1475
+
1476
+ /* Remove list-level focus ring — individual rows show their own focus indicators */
1477
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list:focus::before {
1478
+ outline: 0 !important;
1479
+ }
1480
+
1481
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
1482
+ cursor: pointer;
1483
+ padding-left: 2px;
1484
+ }
1485
+
1486
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
1487
+ text-overflow: ellipsis;
1488
+ overflow: hidden;
1489
+ padding-left: 6px;
1490
+ white-space: nowrap;
1491
+ float: left;
1492
+ }
1493
+
1494
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
1495
+ text-overflow: ellipsis;
1496
+ overflow: hidden;
1497
+ padding-left: 6px;
1498
+ white-space: nowrap;
1499
+ float: left;
1500
+ opacity: 0.7;
1501
+ }
1502
+
1503
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
1504
+ text-overflow: ellipsis;
1505
+ overflow: hidden;
1506
+ padding-right: 10px;
1507
+ white-space: nowrap;
1508
+ float: right;
1509
+ }
1510
+
1511
+
1512
+ /* Separator styling */
1513
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row.option-separator {
1514
+ cursor: default;
1515
+ border-radius: 0;
1516
+ padding: 0;
1517
+ }
1518
+
1519
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row.option-separator > .option-text {
1520
+ visibility: hidden;
1521
+ width: 0;
1522
+ float: none;
1523
+ }
1524
+
1525
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row.option-separator > .option-detail {
1526
+ display: none;
1527
+ }
1528
+
1529
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row.option-separator > .option-decorator-right {
1530
+ color: var(--vscode-descriptionForeground);
1531
+ font-size: 12px;
1532
+ }
1533
+
1534
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row.option-separator::after {
1535
+ content: '';
1536
+ position: absolute;
1537
+ left: 0;
1538
+ right: 0;
1539
+ top: 50%;
1540
+ height: 1px;
1541
+ background-color: var(--vscode-menu-separatorBackground);
1542
+ }
1543
+
1544
+ /* Accepted CSS hiding technique for accessibility reader text */
1545
+ /* https://webaim.org/techniques/css/invisiblecontent/ */
1546
+
1547
+ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
1548
+ position: absolute;
1549
+ left: -10000px;
1550
+ top: auto;
1551
+ width: 1px;
1552
+ height: 1px;
1553
+ overflow: hidden;
1554
+ }
1555
+
1556
+ .monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
1557
+ flex: 1 1 auto;
1558
+ align-self: flex-start;
1559
+ opacity: 0;
1560
+ }
1561
+
1562
+ .monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
1563
+ overflow: hidden;
1564
+ max-height: 0px;
1565
+ }
1566
+
1567
+ .monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
1568
+ padding-left: 8px;
1569
+ padding-right: 8px;
1570
+ white-space: nowrap;
1571
+ }
1572
+ /*---------------------------------------------------------------------------------------------
1573
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1574
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1575
+ *--------------------------------------------------------------------------------------------*/
1576
+
1577
+ .monaco-action-bar {
1578
+ white-space: nowrap;
1579
+ height: 100%;
1580
+ }
1581
+
1582
+ .monaco-action-bar .actions-container {
1583
+ display: flex;
1584
+ margin: 0 auto;
1585
+ padding: 0;
1586
+ height: 100%;
1587
+ width: 100%;
1588
+ align-items: center;
1589
+ }
1590
+
1591
+ .monaco-action-bar.vertical .actions-container {
1592
+ display: inline-block;
1593
+ }
1594
+
1595
+ .monaco-action-bar .action-item {
1596
+ display: block;
1597
+ align-items: center;
1598
+ justify-content: center;
1599
+ cursor: pointer;
1600
+ position: relative; /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
1601
+ }
1602
+
1603
+ .monaco-action-bar .action-item.disabled {
1604
+ cursor: default;
1605
+ }
1606
+
1607
+ .monaco-action-bar .action-item .icon,
1608
+ .monaco-action-bar .action-item .codicon {
1609
+ display: block;
1610
+ }
1611
+
1612
+ .monaco-action-bar .action-item .codicon {
1613
+ display: flex;
1614
+ align-items: center;
1615
+ width: 16px;
1616
+ height: 16px;
1617
+ }
1618
+
1619
+ .monaco-action-bar .action-label,
1620
+ .monaco-action-bar .action-item .keybinding {
1621
+ display: flex;
1622
+ font-size: 11px;
1623
+ padding: 3px;
1624
+ border-radius: var(--vscode-cornerRadius-medium);
1625
+ }
1626
+
1627
+ .monaco-action-bar .action-item.disabled .action-label:not(.icon) ,
1628
+ .monaco-action-bar .action-item.disabled .action-label:not(.icon)::before,
1629
+ .monaco-action-bar .action-item.disabled .action-label:not(.icon):hover {
1630
+ color: var(--vscode-disabledForeground);
1631
+ }
1632
+
1633
+ /* Unable to change color of SVGs, hence opacity is used */
1634
+ .monaco-action-bar .action-item.disabled .action-label.icon ,
1635
+ .monaco-action-bar .action-item.disabled .action-label.icon::before,
1636
+ .monaco-action-bar .action-item.disabled .action-label.icon:hover {
1637
+ opacity: 0.6;
1638
+ }
1639
+
1640
+ /* Vertical actions */
1641
+
1642
+ .monaco-action-bar.vertical {
1643
+ text-align: left;
1644
+ }
1645
+
1646
+ .monaco-action-bar.vertical .action-item {
1647
+ display: block;
1648
+ }
1649
+
1650
+ .monaco-action-bar.vertical .action-item .action-label.separator {
1651
+ display: block;
1652
+ border-bottom: 1px solid var(--vscode-menu-separatorBackground, var(--vscode-disabledForeground));
1653
+ padding-top: 1px;
1654
+ margin: 4px .8em;
1655
+ width: 100%;
1656
+ height: 0;
1657
+ background-color: transparent;
1658
+ }
1659
+
1660
+ .monaco-action-bar .action-item .action-label.separator {
1661
+ width: 1px;
1662
+ height: 16px;
1663
+ margin: 5px 4px !important;
1664
+ cursor: default;
1665
+ min-width: 1px;
1666
+ padding: 0;
1667
+ background-color: var(--vscode-disabledForeground);
1668
+ }
1669
+
1670
+ .secondary-actions .monaco-action-bar .action-label {
1671
+ margin-left: 6px;
1672
+ }
1673
+
1674
+ /* Action Items */
1675
+ .monaco-action-bar .action-item.select-container {
1676
+ overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
1677
+ flex: 1;
1678
+ max-width: 170px;
1679
+ min-width: 60px;
1680
+ display: flex;
1681
+ align-items: center;
1682
+ justify-content: center;
1683
+ margin-right: 10px;
1684
+ }
1685
+
1686
+ .monaco-action-bar .action-item.action-dropdown-item {
1687
+ display: flex;
1688
+ }
1689
+
1690
+ .monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
1691
+ display: flex;
1692
+ align-items: center;
1693
+ cursor: default;
1694
+ }
1695
+
1696
+ .monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
1697
+ width: 1px;
1698
+ }
1699
+ /*---------------------------------------------------------------------------------------------
1700
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1701
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1702
+ *--------------------------------------------------------------------------------------------*/
1703
+
1704
+ .monaco-dropdown {
1705
+ height: 100%;
1706
+ padding: 0;
1707
+ }
1708
+
1709
+ .monaco-dropdown > .dropdown-label {
1710
+ cursor: pointer;
1711
+ height: 100%;
1712
+ display: flex;
1713
+ align-items: center;
1714
+ justify-content: center;
1715
+ }
1716
+
1717
+ .monaco-dropdown > .dropdown-label > .action-label.disabled {
1718
+ cursor: default;
1719
+ }
1720
+
1721
+ .monaco-dropdown .dropdown-menu {
1722
+ border-radius: var(--vscode-cornerRadius-large);
1723
+ box-shadow: var(--vscode-shadow-lg);
1724
+ }
1725
+
1726
+ .monaco-dropdown-with-primary {
1727
+ display: flex !important;
1728
+ flex-direction: row;
1729
+ border-radius: 5px;
1730
+ }
1731
+
1732
+ .monaco-dropdown-with-primary > .action-container > .action-label {
1733
+ margin-right: 0;
1734
+ }
1735
+
1736
+ .monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
1737
+ font-size: 12px;
1738
+ padding-left: 0px;
1739
+ padding-right: 0px;
1740
+ line-height: 16px;
1741
+ margin-left: -3px;
1742
+ }
1743
+
1744
+ .monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
1745
+ display: block;
1746
+ background-size: 16px;
1747
+ background-position: center center;
1748
+ background-repeat: no-repeat;
1749
+ }
1750
+ /*---------------------------------------------------------------------------------------------
1751
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1752
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1753
+ *--------------------------------------------------------------------------------------------*/
1754
+
1755
+ .monaco-action-bar .action-item.menu-entry .action-label.icon {
1756
+ width: 16px;
1757
+ height: 16px;
1758
+ background-repeat: no-repeat;
1759
+ background-position: 50%;
1760
+ background-size: 16px;
1761
+ }
1762
+
1763
+ .monaco-action-bar .action-item.menu-entry.text-only .action-label {
1764
+ color: var(--vscode-descriptionForeground);
1765
+ overflow: hidden;
1766
+ border-radius: 2px;
1767
+ }
1768
+
1769
+ .monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label::after {
1770
+ content: ', ';
1771
+ }
1772
+
1773
+ .monaco-action-bar .action-item.menu-entry.text-only + .action-item:not(.text-only) > .monaco-dropdown .action-label {
1774
+ color: var(--vscode-descriptionForeground);
1775
+ }
1776
+
1777
+ .monaco-dropdown-with-default {
1778
+ display: flex !important;
1779
+ flex-direction: row;
1780
+ border-radius: 5px;
1781
+ }
1782
+
1783
+ .monaco-dropdown-with-default > .action-container > .action-label {
1784
+ margin-right: 0;
1785
+ }
1786
+
1787
+ .monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
1788
+ width: 16px;
1789
+ height: 16px;
1790
+ background-repeat: no-repeat;
1791
+ background-position: 50%;
1792
+ background-size: 16px;
1793
+ }
1794
+
1795
+ .monaco-dropdown-with-default > .action-container.disabled {
1796
+ cursor: default;
1797
+ }
1798
+
1799
+ .monaco-dropdown-with-default > .action-container.disabled > .action-label {
1800
+ opacity: 0.4;
1801
+ pointer-events: none;
1802
+ }
1803
+
1804
+ .monaco-dropdown-with-default:hover {
1805
+ background-color: var(--vscode-toolbar-hoverBackground);
1806
+ }
1807
+
1808
+ .monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
1809
+ font-size: 12px;
1810
+ padding-left: 0px;
1811
+ padding-right: 0px;
1812
+ line-height: 16px;
1813
+ margin-left: -3px;
1814
+ }
1815
+
1816
+ .monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
1817
+ display: block;
1818
+ background-size: 16px;
1819
+ background-position: center center;
1820
+ background-repeat: no-repeat;
1821
+ }
1822
+ /*---------------------------------------------------------------------------------------------
1823
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1824
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1825
+ *--------------------------------------------------------------------------------------------*/
1826
+
1827
+ :root {
1828
+ --vscode-sash-size: 4px;
1829
+ --vscode-sash-hover-size: 4px;
1830
+ }
1831
+
1832
+ .monaco-sash {
1833
+ position: absolute;
1834
+ z-index: 35;
1835
+ touch-action: none;
1836
+ }
1837
+
1838
+ .monaco-sash.disabled {
1839
+ pointer-events: none;
1840
+ }
1841
+
1842
+ .monaco-sash.mac.vertical {
1843
+ cursor: col-resize;
1844
+ }
1845
+
1846
+ .monaco-sash.vertical.minimum {
1847
+ cursor: e-resize;
1848
+ }
1849
+
1850
+ .monaco-sash.vertical.maximum {
1851
+ cursor: w-resize;
1852
+ }
1853
+
1854
+ .monaco-sash.mac.horizontal {
1855
+ cursor: row-resize;
1856
+ }
1857
+
1858
+ .monaco-sash.horizontal.minimum {
1859
+ cursor: s-resize;
1860
+ }
1861
+
1862
+ .monaco-sash.horizontal.maximum {
1863
+ cursor: n-resize;
1864
+ }
1865
+
1866
+ .monaco-sash.disabled {
1867
+ cursor: default !important;
1868
+ pointer-events: none !important;
1869
+ }
1870
+
1871
+ .monaco-sash.vertical {
1872
+ cursor: ew-resize;
1873
+ top: 0;
1874
+ width: var(--vscode-sash-size);
1875
+ height: 100%;
1876
+ }
1877
+
1878
+ .monaco-sash.horizontal {
1879
+ cursor: ns-resize;
1880
+ left: 0;
1881
+ width: 100%;
1882
+ height: var(--vscode-sash-size);
1883
+ }
1884
+
1885
+ .monaco-sash:not(.disabled) > .orthogonal-drag-handle {
1886
+ content: " ";
1887
+ height: calc(var(--vscode-sash-size) * 2);
1888
+ width: calc(var(--vscode-sash-size) * 2);
1889
+ z-index: 100;
1890
+ display: block;
1891
+ cursor: all-scroll;
1892
+ position: absolute;
1893
+ }
1894
+
1895
+ .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
1896
+ > .orthogonal-drag-handle.start,
1897
+ .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
1898
+ > .orthogonal-drag-handle.end {
1899
+ cursor: nwse-resize;
1900
+ }
1901
+
1902
+ .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
1903
+ > .orthogonal-drag-handle.end,
1904
+ .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
1905
+ > .orthogonal-drag-handle.start {
1906
+ cursor: nesw-resize;
1907
+ }
1908
+
1909
+ .monaco-sash.vertical > .orthogonal-drag-handle.start {
1910
+ left: calc(var(--vscode-sash-size) * -0.5);
1911
+ top: calc(var(--vscode-sash-size) * -1);
1912
+ }
1913
+ .monaco-sash.vertical > .orthogonal-drag-handle.end {
1914
+ left: calc(var(--vscode-sash-size) * -0.5);
1915
+ bottom: calc(var(--vscode-sash-size) * -1);
1916
+ }
1917
+ .monaco-sash.horizontal > .orthogonal-drag-handle.start {
1918
+ top: calc(var(--vscode-sash-size) * -0.5);
1919
+ left: calc(var(--vscode-sash-size) * -1);
1920
+ }
1921
+ .monaco-sash.horizontal > .orthogonal-drag-handle.end {
1922
+ top: calc(var(--vscode-sash-size) * -0.5);
1923
+ right: calc(var(--vscode-sash-size) * -1);
1924
+ }
1925
+
1926
+ .monaco-sash:before {
1927
+ content: '';
1928
+ pointer-events: none;
1929
+ position: absolute;
1930
+ width: 100%;
1931
+ height: 100%;
1932
+ background: transparent;
1933
+ }
1934
+
1935
+ .monaco-enable-motion .monaco-sash:before {
1936
+ transition: background-color 0.1s ease-out;
1937
+ }
1938
+
1939
+ .monaco-sash.hover:before,
1940
+ .monaco-sash.active:before {
1941
+ background: var(--vscode-sash-hoverBorder);
1942
+ }
1943
+
1944
+ .monaco-sash.vertical:before {
1945
+ width: var(--vscode-sash-hover-size);
1946
+ left: calc(50% - (var(--vscode-sash-hover-size) / 2));
1947
+ }
1948
+
1949
+ .monaco-sash.horizontal:before {
1950
+ height: var(--vscode-sash-hover-size);
1951
+ top: calc(50% - (var(--vscode-sash-hover-size) / 2));
1952
+ }
1953
+
1954
+ .pointer-events-disabled {
1955
+ pointer-events: none !important;
1956
+ }
1957
+
1958
+ /** Debug **/
1959
+
1960
+ .monaco-sash.debug {
1961
+ background: cyan;
1962
+ }
1963
+
1964
+ .monaco-sash.debug.disabled {
1965
+ background: rgba(0, 255, 255, 0.2);
1966
+ }
1967
+
1968
+ .monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
1969
+ background: red;
1970
+ }
1971
+ /*---------------------------------------------------------------------------------------------
1972
+ * Copyright (c) Microsoft Corporation. All rights reserved.
1973
+ * Licensed under the MIT License. See License.txt in the project root for license information.
1974
+ *--------------------------------------------------------------------------------------------*/
1975
+
1976
+ .monaco-split-view2 {
1977
+ position: relative;
1978
+ width: 100%;
1979
+ height: 100%;
1980
+ }
1981
+
1982
+ .monaco-split-view2 > .sash-container {
1983
+ position: absolute;
1984
+ width: 100%;
1985
+ height: 100%;
1986
+ pointer-events: none;
1987
+ }
1988
+
1989
+ .monaco-split-view2 > .sash-container > .monaco-sash {
1990
+ pointer-events: initial;
1991
+ }
1992
+
1993
+ .monaco-split-view2 > .monaco-scrollable-element {
1994
+ width: 100%;
1995
+ height: 100%;
1996
+ }
1997
+
1998
+ .monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
1999
+ width: 100%;
2000
+ height: 100%;
2001
+ white-space: nowrap;
2002
+ position: relative;
2003
+ }
2004
+
2005
+ .monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
2006
+ white-space: initial;
2007
+ position: absolute;
2008
+ }
2009
+
2010
+ .monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
2011
+ display: none;
2012
+ }
2013
+
2014
+ .monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
2015
+ width: 100%;
2016
+ }
2017
+
2018
+ .monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
2019
+ height: 100%;
2020
+ }
2021
+
2022
+ .monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
2023
+ content: ' ';
2024
+ position: absolute;
2025
+ top: 0;
2026
+ left: 0;
2027
+ z-index: 5;
2028
+ pointer-events: none;
2029
+ background-color: var(--separator-border);
2030
+ }
2031
+
2032
+ .monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
2033
+ height: 100%;
2034
+ width: 1px;
2035
+ }
2036
+
2037
+ .monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
2038
+ height: 1px;
2039
+ width: 100%;
2040
+ }
2041
+ /*---------------------------------------------------------------------------------------------
2042
+ * Copyright (c) Microsoft Corporation. All rights reserved.
2043
+ * Licensed under the MIT License. See License.txt in the project root for license information.
2044
+ *--------------------------------------------------------------------------------------------*/
2045
+
2046
+ .monaco-table {
2047
+ display: flex;
2048
+ flex-direction: column;
2049
+ position: relative;
2050
+ height: 100%;
2051
+ width: 100%;
2052
+ white-space: nowrap;
2053
+ overflow: hidden;
2054
+ }
2055
+
2056
+ .monaco-table > .monaco-split-view2 {
2057
+ border-bottom: 1px solid transparent;
2058
+ }
2059
+
2060
+ .monaco-table > .monaco-list {
2061
+ flex: 1;
2062
+ }
2063
+
2064
+ .monaco-table-tr {
2065
+ display: flex;
2066
+ height: 100%;
2067
+ }
2068
+
2069
+ .monaco-table-th {
2070
+ width: 100%;
2071
+ height: 100%;
2072
+ font-weight: bold;
2073
+ overflow: hidden;
2074
+ text-overflow: ellipsis;
2075
+ }
2076
+
2077
+ .monaco-table-th,
2078
+ .monaco-table-td {
2079
+ box-sizing: border-box;
2080
+ flex-shrink: 0;
2081
+ overflow: hidden;
2082
+ white-space: nowrap;
2083
+ text-overflow: ellipsis;
2084
+ }
2085
+
2086
+ .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
2087
+ content: "";
2088
+ position: absolute;
2089
+ left: calc(var(--vscode-sash-size) / 2);
2090
+ width: 0;
2091
+ border-left: 1px solid transparent;
2092
+ }
2093
+
2094
+ .monaco-enable-motion .monaco-table > .monaco-split-view2,
2095
+ .monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
2096
+ transition: border-color 0.2s ease-out;
2097
+ }
2098
+ /*---------------------------------------------------------------------------------------------
2099
+ * Copyright (c) Microsoft Corporation. All rights reserved.
2100
+ * Licensed under the MIT License. See License.txt in the project root for license information.
2101
+ *--------------------------------------------------------------------------------------------*/
2102
+
2103
+ .monaco-custom-toggle {
2104
+ margin-left: 2px;
2105
+ float: left;
2106
+ cursor: pointer;
2107
+ overflow: hidden;
2108
+ width: 20px;
2109
+ height: 20px;
2110
+ border-radius: 3px;
2111
+ border: var(--vscode-strokeThickness, 1px) solid var(--monaco-custom-toggle-border-color, transparent);
2112
+ padding: 1px;
2113
+ box-sizing: border-box;
2114
+ user-select: none;
2115
+ -webkit-user-select: none;
2116
+ }
2117
+
2118
+ .monaco-custom-toggle:hover {
2119
+ background-color: var(--vscode-inputOption-hoverBackground);
2120
+ }
2121
+
2122
+ div.monaco-custom-toggle:not(.monaco-checkbox):focus {
2123
+ outline: none;
2124
+ }
2125
+
2126
+ div.monaco-custom-toggle:not(.monaco-checkbox):focus-visible {
2127
+ border: var(--vscode-strokeThickness, 1px) dashed var(--vscode-focusBorder);
2128
+ }
2129
+
2130
+ .monaco-custom-toggle.disabled {
2131
+ opacity: 0.4;
2132
+ cursor: default;
2133
+ pointer-events: none;
2134
+ }
2135
+
2136
+ .hc-black .monaco-custom-toggle:hover,
2137
+ .hc-light .monaco-custom-toggle:hover {
2138
+ border: 1px dashed var(--vscode-focusBorder);
2139
+ }
2140
+
2141
+ .hc-black .monaco-custom-toggle,
2142
+ .hc-light .monaco-custom-toggle {
2143
+ background: none;
2144
+ }
2145
+
2146
+ .hc-black .monaco-custom-toggle:hover,
2147
+ .hc-light .monaco-custom-toggle:hover {
2148
+ background: none;
2149
+ }
2150
+
2151
+ .monaco-custom-toggle.monaco-checkbox {
2152
+ height: 18px;
2153
+ width: 18px;
2154
+ border: 1px solid transparent;
2155
+ border-radius: 3px;
2156
+ margin-right: 9px;
2157
+ margin-left: 0px;
2158
+ padding: 0px;
2159
+ opacity: 1;
2160
+ background-size: 16px !important;
2161
+ }
2162
+
2163
+ .monaco-action-bar .checkbox-action-item {
2164
+ display: flex;
2165
+ align-items: center;
2166
+ border-radius: 2px;
2167
+ padding-right: 2px;
2168
+ }
2169
+
2170
+ .monaco-action-bar .checkbox-action-item:hover {
2171
+ background-color: var(--vscode-toolbar-hoverBackground);
2172
+ }
2173
+
2174
+ .monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
2175
+ margin-right: 4px;
2176
+ }
2177
+
2178
+ .monaco-action-bar .checkbox-action-item > .checkbox-label {
2179
+ font-size: 12px;
2180
+ }
2181
+ /*---------------------------------------------------------------------------------------------
2182
+ * Copyright (c) Microsoft Corporation. All rights reserved.
2183
+ * Licensed under the MIT License. See License.txt in the project root for license information.
2184
+ *--------------------------------------------------------------------------------------------*/
2185
+
2186
+ .monaco-inputbox {
2187
+ position: relative;
2188
+ display: block;
2189
+ padding: 0;
2190
+ box-sizing: border-box;
2191
+ border-radius: 4px;
2192
+
2193
+ /* Customizable */
2194
+ font-size: inherit;
2195
+ }
2196
+
2197
+ .monaco-inputbox > .ibwrapper > .input,
2198
+ .monaco-inputbox > .ibwrapper > .mirror {
2199
+
2200
+ /* Customizable */
2201
+ padding: 4px 6px;
2202
+ }
2203
+
2204
+ .monaco-inputbox > .ibwrapper {
2205
+ position: relative;
2206
+ width: 100%;
2207
+ }
2208
+
2209
+ .monaco-inputbox > .ibwrapper > .input {
2210
+ display: inline-block;
2211
+ box-sizing: border-box;
2212
+ width: 100%;
2213
+ height: 100%;
2214
+ line-height: inherit;
2215
+ border: none;
2216
+ font-family: inherit;
2217
+ font-size: inherit;
2218
+ resize: none;
2219
+ color: inherit;
2220
+ }
2221
+
2222
+ .monaco-inputbox > .ibwrapper > input {
2223
+ text-overflow: ellipsis;
2224
+ }
2225
+
2226
+ .monaco-inputbox > .ibwrapper > textarea.input {
2227
+ display: block;
2228
+ scrollbar-width: none; /* Firefox: hide scrollbars */
2229
+ outline: none;
2230
+ }
2231
+
2232
+ .monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
2233
+ display: none; /* Chrome + Safari: hide scrollbar */
2234
+ }
2235
+
2236
+ .monaco-inputbox > .ibwrapper > textarea.input.empty {
2237
+ white-space: nowrap;
2238
+ }
2239
+
2240
+ .monaco-inputbox > .ibwrapper > .mirror {
2241
+ position: absolute;
2242
+ display: inline-block;
2243
+ width: 100%;
2244
+ top: 0;
2245
+ left: 0;
2246
+ box-sizing: border-box;
2247
+ white-space: pre-wrap;
2248
+ visibility: hidden;
2249
+ word-wrap: break-word;
2250
+ }
2251
+
2252
+ /* Context view */
2253
+
2254
+ .monaco-inputbox-container {
2255
+ text-align: right;
2256
+ }
2257
+
2258
+ .monaco-inputbox-container .monaco-inputbox-message {
2259
+ display: inline-block;
2260
+ overflow: hidden;
2261
+ text-align: left;
2262
+ width: 100%;
2263
+ box-sizing: border-box;
2264
+ padding: 0.4em;
2265
+ font-size: 12px;
2266
+ line-height: 17px;
2267
+ margin-top: -1px;
2268
+ word-wrap: break-word;
2269
+ }
2270
+
2271
+ /* Action bar support */
2272
+ .monaco-inputbox .monaco-action-bar {
2273
+ position: absolute;
2274
+ right: 2px;
2275
+ top: 4px;
2276
+ }
2277
+
2278
+ .monaco-inputbox .monaco-action-bar .action-item {
2279
+ margin-left: 2px;
2280
+ }
2281
+
2282
+ .monaco-inputbox .monaco-action-bar .action-item .codicon {
2283
+ background-repeat: no-repeat;
2284
+ width: 16px;
2285
+ height: 16px;
2286
+ color: var(--vscode-icon-foreground);
2287
+ }
2288
+ /*---------------------------------------------------------------------------------------------
2289
+ * Copyright (c) Microsoft Corporation. All rights reserved.
2290
+ * Licensed under the MIT License. See License.txt in the project root for license information.
2291
+ *--------------------------------------------------------------------------------------------*/
2292
+ /* ---------- Find input ---------- */
2293
+
2294
+ .monaco-findInput {
2295
+ position: relative;
2296
+ }
2297
+
2298
+ .monaco-findInput .monaco-inputbox {
2299
+ font-size: 13px;
2300
+ width: 100%;
2301
+ }
2302
+
2303
+ .monaco-findInput > .controls {
2304
+ position: absolute;
2305
+ top: 3px;
2306
+ right: 2px;
2307
+ }
2308
+
2309
+ .vs .monaco-findInput.disabled {
2310
+ background-color: #E1E1E1;
2311
+ }
2312
+
2313
+ /* Theming */
2314
+ .vs-dark .monaco-findInput.disabled {
2315
+ background-color: #333;
2316
+ }
2317
+
2318
+ /* Highlighting */
2319
+ .monaco-findInput.highlight-0 .controls,
2320
+ .hc-light .monaco-findInput.highlight-0 .controls {
2321
+ animation: monaco-findInput-highlight-0 100ms linear 0s;
2322
+ }
2323
+
2324
+ .monaco-findInput.highlight-1 .controls,
2325
+ .hc-light .monaco-findInput.highlight-1 .controls {
2326
+ animation: monaco-findInput-highlight-1 100ms linear 0s;
2327
+ }
2328
+
2329
+ .hc-black .monaco-findInput.highlight-0 .controls,
2330
+ .vs-dark .monaco-findInput.highlight-0 .controls {
2331
+ animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
2332
+ }
2333
+
2334
+ .hc-black .monaco-findInput.highlight-1 .controls,
2335
+ .vs-dark .monaco-findInput.highlight-1 .controls {
2336
+ animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
2337
+ }
2338
+
2339
+ @keyframes monaco-findInput-highlight-0 {
2340
+ 0% { background: rgba(253, 255, 0, 0.8); }
2341
+ 100% { background: transparent; }
2342
+ }
2343
+ @keyframes monaco-findInput-highlight-1 {
2344
+ 0% { background: rgba(253, 255, 0, 0.8); }
2345
+ /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
2346
+ 99% { background: transparent; }
2347
+ }
2348
+
2349
+ @keyframes monaco-findInput-highlight-dark-0 {
2350
+ 0% { background: rgba(255, 255, 255, 0.44); }
2351
+ 100% { background: transparent; }
2352
+ }
2353
+ @keyframes monaco-findInput-highlight-dark-1 {
2354
+ 0% { background: rgba(255, 255, 255, 0.44); }
2355
+ /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
2356
+ 99% { background: transparent; }
2357
+ }
2358
+ /*---------------------------------------------------------------------------------------------
2359
+ * Copyright (c) Microsoft Corporation. All rights reserved.
2360
+ * Licensed under the MIT License. See License.txt in the project root for license information.
2361
+ *--------------------------------------------------------------------------------------------*/
2362
+
2363
+ .monaco-tl-row {
2364
+ display: flex;
2365
+ height: 100%;
2366
+ align-items: center;
2367
+ position: relative;
2368
+ }
2369
+
2370
+ .monaco-tl-row.disabled {
2371
+ cursor: default;
2372
+ }
2373
+ .monaco-tl-indent {
2374
+ height: 100%;
2375
+ position: absolute;
2376
+ top: 0;
2377
+ left: 16px;
2378
+ pointer-events: none;
2379
+ }
2380
+
2381
+ .hide-arrows .monaco-tl-indent {
2382
+ left: 12px;
2383
+ }
2384
+
2385
+ .monaco-tl-indent > .indent-guide {
2386
+ display: inline-block;
2387
+ box-sizing: border-box;
2388
+ height: 100%;
2389
+ border-left: 1px solid transparent;
2390
+ opacity: 0;
2391
+ }
2392
+
2393
+ .monaco-enable-motion .monaco-tl-indent > .indent-guide {
2394
+ transition: opacity 0.1s linear;
2395
+ }
2396
+
2397
+ .monaco-tl-twistie,
2398
+ .monaco-tl-contents {
2399
+ height: 100%;
2400
+ }
2401
+
2402
+ .monaco-tl-twistie {
2403
+ font-size: 10px;
2404
+ text-align: right;
2405
+ padding-right: 6px;
2406
+ flex-shrink: 0;
2407
+ width: 16px;
2408
+ display: flex !important;
2409
+ align-items: center;
2410
+ justify-content: center;
2411
+ transform: translateX(3px);
2412
+ }
2413
+
2414
+ .monaco-tl-contents {
2415
+ flex: 1;
2416
+ overflow: hidden;
2417
+ }
2418
+
2419
+ .monaco-tl-twistie::before {
2420
+ border-radius: 20px;
2421
+ }
2422
+
2423
+ .monaco-tl-twistie.collapsed::before {
2424
+ transform: rotate(-90deg);
2425
+ }
2426
+
2427
+ .monaco-tl-twistie.codicon-tree-item-loading::before {
2428
+ /* Use steps to throttle FPS to reduce CPU usage */
2429
+ animation: codicon-spin 1.25s steps(30) infinite;
2430
+ /* Ensure rotation happens around exact center to prevent wobble */
2431
+ transform-origin: center center;
2432
+ }
2433
+
2434
+ .monaco-tree-type-filter {
2435
+ position: absolute;
2436
+ top: 0;
2437
+ right: 0;
2438
+ display: flex;
2439
+ padding: 3px;
2440
+ max-width: 200px;
2441
+ z-index: 100;
2442
+ margin: 0 10px 0 6px;
2443
+ border: 1px solid var(--vscode-widget-border);
2444
+ border-bottom-left-radius: 4px;
2445
+ border-bottom-right-radius: 4px;
2446
+ }
2447
+
2448
+ .monaco-enable-motion .monaco-tree-type-filter {
2449
+ transition: top 0.3s;
2450
+ }
2451
+
2452
+ .monaco-tree-type-filter.disabled {
2453
+ top: -40px !important;
2454
+ }
2455
+
2456
+ .monaco-tree-type-filter-input {
2457
+ flex: 1;
2458
+ }
2459
+
2460
+ .monaco-tree-type-filter-input .monaco-inputbox {
2461
+ height: 23px;
2462
+ }
2463
+
2464
+ .monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
2465
+ .monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
2466
+ padding: 2px 4px;
2467
+ }
2468
+
2469
+ .monaco-tree-type-filter-input .monaco-findInput > .controls {
2470
+ top: 2px;
2471
+ }
2472
+
2473
+ .monaco-tree-type-filter-actionbar {
2474
+ margin-left: 4px;
2475
+ }
2476
+
2477
+ .monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
2478
+ padding: 2px;
2479
+ }
2480
+
2481
+ .monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{
2482
+ position: absolute;
2483
+ top: 0;
2484
+ left: 0;
2485
+ width: 100%;
2486
+ height: 0;
2487
+ z-index: 13; /* Settings editor uses z-index: 12 */
2488
+
2489
+ /* Backup color in case the tree does not provide the background color */
2490
+ background-color: var(--vscode-sideBar-background);
2491
+ }
2492
+
2493
+ .monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{
2494
+ position: absolute;
2495
+ width: 100%;
2496
+ opacity: 1 !important; /* Settings editor uses opacity < 1 */
2497
+ overflow: hidden;
2498
+
2499
+ /* Backup color in case the tree does not provide the background color */
2500
+ background-color: var(--vscode-sideBar-background);
2501
+ }
2502
+
2503
+ .monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{
2504
+ background-color: var(--vscode-list-hoverBackground) !important;
2505
+ cursor: pointer;
2506
+ }
2507
+
2508
+ .monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,
2509
+ .monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow {
2510
+ display: none;
2511
+ }
2512
+
2513
+ .monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow {
2514
+ position: absolute;
2515
+ bottom: -3px;
2516
+ left: 0px;
2517
+ height: 0px; /* heigt is 3px and only set when there is a treeStickyScrollShadow color */
2518
+ width: 100%;
2519
+ }
2520
+
2521
+ .monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus{
2522
+ outline: none;
2523
+ }
2524
+ /*---------------------------------------------------------------------------------------------
2525
+ * Copyright (c) Microsoft Corporation. All rights reserved.
2526
+ * Licensed under the MIT License. See License.txt in the project root for license information.
2527
+ *--------------------------------------------------------------------------------------------*/
2528
+
2529
+ .quick-input-widget {
2530
+ font-size: 13px;
2531
+ }
2532
+
2533
+ .quick-input-widget .monaco-highlighted-label .highlight,
2534
+ .quick-input-widget .monaco-highlighted-label .highlight {
2535
+ color: #0066BF;
2536
+ }
2537
+
2538
+ .vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight,
2539
+ .vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
2540
+ color: #9DDDFF;
2541
+ }
2542
+
2543
+ .vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
2544
+ .vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
2545
+ color: #0097fb;
2546
+ }
2547
+
2548
+ .hc-black .quick-input-widget .monaco-highlighted-label .highlight,
2549
+ .hc-black .quick-input-widget .monaco-highlighted-label .highlight {
2550
+ color: #F38518;
2551
+ }
2552
+
2553
+ .hc-light .quick-input-widget .monaco-highlighted-label .highlight,
2554
+ .hc-light .quick-input-widget .monaco-highlighted-label .highlight {
2555
+ color: #0F4A85;
2556
+ }
2557
+
2558
+ .monaco-keybinding > .monaco-keybinding-key {
2559
+ background-color: rgba(221, 221, 221, 0.4);
2560
+ border: solid 1px rgba(204, 204, 204, 0.4);
2561
+ border-bottom-color: rgba(187, 187, 187, 0.4);
2562
+ box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
2563
+ color: #555;
2564
+ }
2565
+
2566
+ .hc-black .monaco-keybinding > .monaco-keybinding-key {
2567
+ background-color: transparent;
2568
+ border: solid 1px rgb(111, 195, 223);
2569
+ box-shadow: none;
2570
+ color: #fff;
2571
+ }
2572
+
2573
+ .hc-light .monaco-keybinding > .monaco-keybinding-key {
2574
+ background-color: transparent;
2575
+ border: solid 1px #0F4A85;
2576
+ box-shadow: none;
2577
+ color: #292929;
2578
+ }
2579
+
2580
+ .vs-dark .monaco-keybinding > .monaco-keybinding-key {
2581
+ background-color: rgba(128, 128, 128, 0.17);
2582
+ border: solid 1px rgba(51, 51, 51, 0.6);
2583
+ border-bottom-color: rgba(68, 68, 68, 0.6);
2584
+ box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
2585
+ color: #ccc;
2586
+ }
2587
+ /*---------------------------------------------------------------------------------------------
2588
+ * Copyright (c) Microsoft Corporation. All rights reserved.
2589
+ * Licensed under the MIT License. See License.txt in the project root for license information.
2590
+ *--------------------------------------------------------------------------------------------*/
2591
+
2592
+ .quick-input-widget {
2593
+ position: absolute;
2594
+ width: 600px;
2595
+ z-index: 2550;
2596
+ left: 50%;
2597
+ -webkit-app-region: no-drag;
2598
+ border-radius: var(--vscode-cornerRadius-xLarge);
2599
+ box-shadow: var(--vscode-shadow-xl);
2600
+ }
2601
+
2602
+ .modern-ui.monaco-enable-motion .quick-input-widget:not(.quick-input-widget-overlay) {
2603
+ animation: quick-input-widget-open 250ms cubic-bezier(0.22, 1, 0.36, 1) both;
2604
+ transform-origin: top center;
2605
+ will-change: transform, opacity;
2606
+ }
2607
+
2608
+ .modern-ui.monaco-enable-motion .quick-input-widget.quick-input-widget-closing:not(.quick-input-widget-overlay) {
2609
+ animation: quick-input-widget-close 150ms cubic-bezier(0.22, 1, 0.36, 1) both;
2610
+ pointer-events: none;
2611
+ }
2612
+
2613
+ @keyframes quick-input-widget-open {
2614
+ 0% {
2615
+ opacity: 0;
2616
+ transform: scale(0.97);
2617
+ }
2618
+
2619
+ 100% {
2620
+ opacity: 1;
2621
+ transform: scale(1);
2622
+ }
2623
+ }
2624
+
2625
+ @keyframes quick-input-widget-close {
2626
+ 0% {
2627
+ opacity: 1;
2628
+ transform: scale(1);
2629
+ }
2630
+
2631
+ 100% {
2632
+ opacity: 0;
2633
+ transform: scale(0.99);
2634
+ }
2635
+ }
2636
+
2637
+ .quick-input-titlebar {
2638
+ cursor: grab;
2639
+ display: flex;
2640
+ align-items: center;
2641
+ border-top-right-radius: 5px;
2642
+ border-top-left-radius: 5px;
2643
+ }
2644
+
2645
+ .quick-input-widget.no-drag .quick-input-titlebar,
2646
+ .quick-input-widget.no-drag .quick-input-title,
2647
+ .quick-input-widget.no-drag .quick-input-header {
2648
+ cursor: default;
2649
+ }
2650
+ .quick-input-widget .monaco-inputbox .monaco-action-bar {
2651
+ top: 0;
2652
+ }
2653
+
2654
+ .quick-input-widget .monaco-action-bar .monaco-custom-toggle {
2655
+ margin-left: 0;
2656
+ border-radius: 5px;
2657
+ box-sizing: content-box;
2658
+ }
2659
+
2660
+ .quick-input-left-action-bar {
2661
+ display: flex;
2662
+ margin-left: 4px;
2663
+ }
2664
+
2665
+ /* give some space between input and action bar */
2666
+ .quick-input-inline-action-bar .actions-container > .action-item:first-child {
2667
+ margin-left: 5px;
2668
+ }
2669
+
2670
+ /* center horizontally */
2671
+ .quick-input-inline-action-bar .actions-container > .action-item {
2672
+ margin-top: 2px;
2673
+ }
2674
+
2675
+ .quick-input-title {
2676
+ cursor: grab;
2677
+ padding: 3px 0px;
2678
+ text-align: center;
2679
+ text-overflow: ellipsis;
2680
+ overflow: hidden;
2681
+ flex: 1;
2682
+ }
2683
+
2684
+ .quick-input-right-action-bar {
2685
+ display: flex;
2686
+ margin-right: 4px;
2687
+ }
2688
+
2689
+ .quick-input-right-action-bar .actions-container {
2690
+ justify-content: flex-end;
2691
+ }
2692
+
2693
+ .quick-input-right-action-bar .actions-container > .action-item {
2694
+ margin-left: 4px;
2695
+ }
2696
+
2697
+ .quick-input-inline-action-bar .actions-container > .action-item {
2698
+ margin-left: 4px;
2699
+ }
2700
+
2701
+ .quick-input-titlebar .monaco-action-bar .action-label.codicon {
2702
+ background-position: center;
2703
+ background-repeat: no-repeat;
2704
+ padding: 2px;
2705
+ }
2706
+
2707
+ .quick-input-description {
2708
+ margin: 6px 6px 6px 11px;
2709
+ }
2710
+
2711
+ .quick-input-header .quick-input-description {
2712
+ margin: 4px 2px;
2713
+ flex: 1;
2714
+ }
2715
+
2716
+ .quick-input-header {
2717
+ cursor: grab;
2718
+ display: flex;
2719
+ padding: 6px 6px 4px 6px;
2720
+ }
2721
+
2722
+ .quick-input-widget .quick-input-filter .monaco-inputbox {
2723
+ border-radius: var(--vscode-cornerRadius-medium);
2724
+ }
2725
+
2726
+ .quick-input-widget.hidden-input .quick-input-header {
2727
+ /* reduce margins and paddings when input box hidden */
2728
+ padding: 0;
2729
+ margin-bottom: 0;
2730
+ }
2731
+
2732
+ .quick-input-and-message {
2733
+ display: flex;
2734
+ flex-direction: column;
2735
+ flex-grow: 1;
2736
+ min-width: 0;
2737
+ position: relative;
2738
+ }
2739
+
2740
+ .quick-input-check-all {
2741
+ align-self: center;
2742
+ margin: 0;
2743
+ }
2744
+
2745
+ .quick-input-widget .quick-input-header .monaco-checkbox {
2746
+ margin-top: 6px;
2747
+ }
2748
+
2749
+ .quick-input-filter {
2750
+ flex-grow: 1;
2751
+ display: flex;
2752
+ position: relative;
2753
+ }
2754
+
2755
+ .quick-input-box {
2756
+ flex-grow: 1;
2757
+ }
2758
+
2759
+ .quick-input-widget.show-checkboxes .quick-input-box,
2760
+ .quick-input-widget.show-checkboxes .quick-input-message {
2761
+ margin-left: 5px;
2762
+ }
2763
+
2764
+ .quick-input-visible-count {
2765
+ position: absolute;
2766
+ left: -10000px;
2767
+ }
2768
+
2769
+ .quick-input-count {
2770
+ align-self: center;
2771
+ position: absolute;
2772
+ right: 4px;
2773
+ display: flex;
2774
+ align-items: center;
2775
+ }
2776
+
2777
+ .quick-input-count .monaco-count-badge {
2778
+ vertical-align: middle;
2779
+ padding: 2px 4px;
2780
+ border-radius: 2px;
2781
+ min-height: auto;
2782
+ line-height: normal;
2783
+ }
2784
+
2785
+ .quick-input-action {
2786
+ margin-left: 6px;
2787
+ }
2788
+
2789
+ .quick-input-message {
2790
+ margin-top: -1px;
2791
+ padding: 5px;
2792
+ overflow-wrap: break-word;
2793
+ }
2794
+
2795
+ .quick-input-message > .codicon {
2796
+ margin: 0 0.2em;
2797
+ vertical-align: text-bottom;
2798
+ }
2799
+
2800
+ /* Links in descriptions & validations */
2801
+ .quick-input-message a {
2802
+ color: inherit;
2803
+ }
2804
+
2805
+ .quick-input-progress.monaco-progress-container {
2806
+ position: relative;
2807
+ }
2808
+
2809
+ .quick-input-list {
2810
+ line-height: 22px;
2811
+ }
2812
+
2813
+ .quick-input-widget.hidden-input .quick-input-list {
2814
+ margin-top: 4px;
2815
+ /* reduce margins when input box hidden */
2816
+ padding-bottom: 4px;
2817
+ }
2818
+
2819
+ .quick-input-list .monaco-list {
2820
+ overflow: hidden;
2821
+ max-height: calc(20 * 22px);
2822
+ padding-bottom: 7px;
2823
+ }
2824
+
2825
+ .quick-input-list .monaco-scrollable-element {
2826
+ padding: 0px 6px;
2827
+ }
2828
+
2829
+ .quick-input-list .quick-input-list-entry {
2830
+ box-sizing: border-box;
2831
+ overflow: hidden;
2832
+ display: flex;
2833
+ padding: 0 6px;
2834
+ }
2835
+
2836
+ .quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
2837
+ border-top-width: 1px;
2838
+ border-top-style: solid;
2839
+ }
2840
+
2841
+ .quick-input-list .monaco-list-row {
2842
+ border-radius: 3px;
2843
+ }
2844
+
2845
+ .quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
2846
+ border-top-style: none;
2847
+ }
2848
+
2849
+ .quick-input-list .quick-input-list-label {
2850
+ overflow: hidden;
2851
+ display: flex;
2852
+ height: 100%;
2853
+ flex: 1;
2854
+ }
2855
+
2856
+ .quick-input-widget .monaco-checkbox {
2857
+ margin-right: 0;
2858
+ }
2859
+
2860
+ .quick-input-widget .quick-input-list .monaco-checkbox,
2861
+ .quick-input-widget .quick-input-tree .monaco-checkbox {
2862
+ margin-top: 4px;
2863
+ }
2864
+
2865
+ .quick-input-list .quick-input-list-icon {
2866
+ background-size: 16px;
2867
+ background-position: left center;
2868
+ background-repeat: no-repeat;
2869
+ padding-right: 6px;
2870
+ width: 16px;
2871
+ height: 22px;
2872
+ display: flex;
2873
+ align-items: center;
2874
+ justify-content: center;
2875
+ }
2876
+
2877
+ .quick-input-list .quick-input-list-rows {
2878
+ overflow: hidden;
2879
+ text-overflow: ellipsis;
2880
+ display: flex;
2881
+ flex-direction: column;
2882
+ height: 100%;
2883
+ flex: 1;
2884
+ margin-left: 5px;
2885
+ }
2886
+
2887
+ .quick-input-list .quick-input-list-rows > .quick-input-list-row {
2888
+ display: flex;
2889
+ align-items: center;
2890
+ }
2891
+
2892
+ .quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
2893
+ .quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
2894
+ flex: 1;
2895
+ /* make sure the icon label grows within the row */
2896
+ }
2897
+
2898
+ .quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
2899
+ vertical-align: text-bottom;
2900
+ }
2901
+
2902
+ .quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
2903
+ opacity: 1;
2904
+ }
2905
+
2906
+ .quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
2907
+ margin-right: 8px;
2908
+ /* separate from the separator label or scrollbar if any */
2909
+ }
2910
+
2911
+ .quick-input-list .quick-input-list-label-meta {
2912
+ opacity: 0.7;
2913
+ line-height: normal;
2914
+ text-overflow: ellipsis;
2915
+ overflow: hidden;
2916
+ }
2917
+
2918
+ .quick-input-list .monaco-list-row.focused .quick-input-list-label-meta {
2919
+ opacity: 1;
2920
+ }
2921
+
2922
+ /* preserve list-like styling instead of tree-like styling */
2923
+ .quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
2924
+ font-weight: bold;
2925
+ background-color: unset;
2926
+ color: var(--vscode-list-highlightForeground) !important;
2927
+ }
2928
+
2929
+ /* preserve list-like styling instead of tree-like styling */
2930
+ .quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
2931
+ color: var(--vscode-quickInputList-focusHighlightForeground) !important;
2932
+ }
2933
+
2934
+ .quick-input-list .quick-input-list-entry .quick-input-list-separator {
2935
+ margin-right: 4px;
2936
+ font-size: var(--vscode-bodyFontSize-xSmall);
2937
+ color: var(--vscode-descriptionForeground);
2938
+ /* separate from keybindings or actions */
2939
+ }
2940
+
2941
+ .quick-input-list .quick-input-list-entry-action-bar {
2942
+ display: flex;
2943
+ flex: 0;
2944
+ overflow: visible;
2945
+ }
2946
+
2947
+ .quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label,
2948
+ .quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .monaco-custom-toggle {
2949
+ /*
2950
+ * Icon actions and toggles also match `.monaco-action-bar .action-item .codicon`,
2951
+ * whose equal-specificity `display: flex` would reveal them in the idle state
2952
+ * when loaded later. The hover, focus, and always-visible rules below remain
2953
+ * more specific and reveal the controls on intent.
2954
+ */
2955
+ display: none;
2956
+ }
2957
+
2958
+ .quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
2959
+ margin-right: 4px;
2960
+ padding: 2px;
2961
+ }
2962
+
2963
+ .quick-input-list .quick-input-list-entry-action-bar .monaco-custom-toggle.codicon {
2964
+ margin-right: 4px;
2965
+ }
2966
+
2967
+ .quick-input-list .quick-input-list-entry-action-bar {
2968
+ margin-top: 1px;
2969
+ }
2970
+
2971
+ .quick-input-list .quick-input-list-entry-action-bar {
2972
+ margin-right: 4px;
2973
+ /* separate from scrollbar */
2974
+ }
2975
+
2976
+ .quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
2977
+ .quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
2978
+ .quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,
2979
+ .quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
2980
+ .quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label,
2981
+ .quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .monaco-custom-toggle.always-visible,
2982
+ .quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .monaco-custom-toggle,
2983
+ .quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .monaco-custom-toggle,
2984
+ .quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .monaco-custom-toggle,
2985
+ .quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .monaco-custom-toggle {
2986
+ display: flex;
2987
+ }
2988
+
2989
+ .quick-input-list > .monaco-list:focus .monaco-list-row.focused {
2990
+ outline: 1px solid var(--vscode-list-focusOutline) !important;
2991
+ outline-offset: -1px;
2992
+ }
2993
+
2994
+ .quick-input-list > .monaco-list:focus .monaco-list-row.focused .quick-input-list-entry.quick-input-list-separator-border {
2995
+ border-color: transparent;
2996
+ }
2997
+
2998
+ /* focused items in quick pick */
2999
+ .quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
3000
+ .quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
3001
+ color: inherit
3002
+ }
3003
+
3004
+ .quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
3005
+ .quick-input-list .monaco-list-row:hover .monaco-keybinding-key {
3006
+ background: none;
3007
+ border-color: var(--vscode-widget-shadow);
3008
+ }
3009
+
3010
+ /* In light/dark themes the widget shadow can be transparent, leaving the key borders invisible
3011
+ against the focus/hover background. Derive the border from the foreground instead. High contrast
3012
+ themes are excluded so their stronger borders are preserved. */
3013
+ :is(.vs, .vs-dark) .quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
3014
+ :is(.vs, .vs-dark) .quick-input-list .monaco-list-row:hover .monaco-keybinding-key {
3015
+ border-color: color-mix(in srgb, currentColor 30%, transparent);
3016
+ }
3017
+
3018
+ .quick-input-list .quick-input-list-separator-as-item {
3019
+ padding: 4px 6px;
3020
+ font-size: 12px;
3021
+ }
3022
+
3023
+ /* Quick input separators as full-row item */
3024
+ .quick-input-list .quick-input-list-separator-as-item .label-name {
3025
+ font-weight: 600;
3026
+ }
3027
+
3028
+ .quick-input-list .quick-input-list-separator-as-item .label-description {
3029
+ /* Override default description opacity so we don't have a contrast ratio issue. */
3030
+ opacity: 1 !important;
3031
+ }
3032
+
3033
+ /* Hide border when the item becomes the sticky one */
3034
+ .quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
3035
+ border-top-style: none;
3036
+ }
3037
+
3038
+ /* Give sticky row the same padding as the scrollable list */
3039
+ .quick-input-list .monaco-tree-sticky-row {
3040
+ padding: 0 5px;
3041
+ }
3042
+
3043
+ /* Hide the twistie containers so that there isn't blank indent */
3044
+ .quick-input-list .monaco-tl-twistie {
3045
+ display: none !important;
3046
+ }
3047
+
3048
+ /* Tree */
3049
+
3050
+ .quick-input-tree .monaco-list {
3051
+ overflow: hidden;
3052
+ max-height: calc(20 * 22px);
3053
+ padding-bottom: 5px;
3054
+ }
3055
+
3056
+ .quick-input-tree.quick-input-tree-flat .monaco-tl-indent,
3057
+ .quick-input-tree.quick-input-tree-flat .monaco-tl-twistie {
3058
+ display: none !important;
3059
+ }
3060
+
3061
+ .quick-input-tree.quick-input-tree-flat .monaco-checkbox {
3062
+ margin-left: 6px;
3063
+ }
3064
+
3065
+ .quick-input-tree .quick-input-tree-entry {
3066
+ box-sizing: border-box;
3067
+ overflow: hidden;
3068
+ display: flex;
3069
+ padding-right: 6px;
3070
+ }
3071
+
3072
+ .quick-input-tree .quick-input-tree-label {
3073
+ overflow: hidden;
3074
+ display: flex;
3075
+ height: 100%;
3076
+ flex: 1;
3077
+ }
3078
+
3079
+ .quick-input-tree .quick-input-tree-icon {
3080
+ background-size: 16px;
3081
+ background-position: left center;
3082
+ background-repeat: no-repeat;
3083
+ padding-right: 6px;
3084
+ width: 16px;
3085
+ height: 22px;
3086
+ display: flex;
3087
+ align-items: center;
3088
+ justify-content: center;
3089
+ }
3090
+
3091
+ .quick-input-tree .quick-input-tree-rows {
3092
+ overflow: hidden;
3093
+ text-overflow: ellipsis;
3094
+ display: flex;
3095
+ flex-direction: column;
3096
+ height: 100%;
3097
+ flex: 1;
3098
+ margin-left: 5px;
3099
+ }
3100
+
3101
+ .quick-input-tree .quick-input-tree-rows > .quick-input-tree-row {
3102
+ display: flex;
3103
+ align-items: center;
3104
+ }
3105
+
3106
+ .quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label,
3107
+ .quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
3108
+ flex: 1;
3109
+ /* make sure the icon label grows within the row */
3110
+ }
3111
+
3112
+ .quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .codicon[class*='codicon-'] {
3113
+ vertical-align: text-bottom;
3114
+ }
3115
+
3116
+ .quick-input-tree .quick-input-tree-rows .monaco-highlighted-label > span {
3117
+ opacity: 1;
3118
+ }
3119
+
3120
+ .quick-input-tree .quick-input-tree-entry-action-bar {
3121
+ display: flex;
3122
+ flex: 0;
3123
+ overflow: visible;
3124
+ }
3125
+
3126
+ .quick-input-tree .quick-input-tree-entry-action-bar .action-label,
3127
+ .quick-input-tree .quick-input-tree-entry-action-bar .monaco-custom-toggle {
3128
+ /*
3129
+ * By default, actions in the quick input action bar are hidden
3130
+ * until hovered over them or selected.
3131
+ */
3132
+ display: none;
3133
+ }
3134
+
3135
+ .quick-input-tree .quick-input-tree-entry-action-bar .action-label.codicon {
3136
+ margin-right: 4px;
3137
+ padding: 2px;
3138
+ }
3139
+
3140
+ .quick-input-tree .quick-input-tree-entry-action-bar .monaco-custom-toggle.codicon {
3141
+ margin-right: 4px;
3142
+ }
3143
+
3144
+ .quick-input-tree .quick-input-tree-entry-action-bar {
3145
+ margin-top: 1px;
3146
+ }
3147
+
3148
+ .quick-input-tree .quick-input-tree-entry-action-bar {
3149
+ margin-right: 4px;
3150
+ /* separate from scrollbar */
3151
+ }
3152
+
3153
+ .quick-input-tree .quick-input-tree-entry .quick-input-tree-entry-action-bar .action-label.always-visible,
3154
+ .quick-input-tree .quick-input-tree-entry:hover .quick-input-tree-entry-action-bar .action-label,
3155
+ .quick-input-tree .quick-input-tree-entry.focus-inside .quick-input-tree-entry-action-bar .action-label,
3156
+ .quick-input-tree .monaco-list-row.focused .quick-input-tree-entry-action-bar .action-label,
3157
+ .quick-input-tree .monaco-list-row.passive-focused .quick-input-tree-entry-action-bar .action-label,
3158
+ .quick-input-tree .quick-input-tree-entry .quick-input-tree-entry-action-bar .monaco-custom-toggle.always-visible,
3159
+ .quick-input-tree .quick-input-tree-entry:hover .quick-input-tree-entry-action-bar .monaco-custom-toggle,
3160
+ .quick-input-tree .quick-input-tree-entry.focus-inside .quick-input-tree-entry-action-bar .monaco-custom-toggle,
3161
+ .quick-input-tree .monaco-list-row.focused .quick-input-tree-entry-action-bar .monaco-custom-toggle,
3162
+ .quick-input-tree .monaco-list-row.passive-focused .quick-input-tree-entry-action-bar .monaco-custom-toggle {
3163
+ display: flex;
3164
+ }
3165
+
3166
+ .quick-input-tree > .monaco-list:focus .monaco-list-row.focused {
3167
+ outline: 1px solid var(--vscode-list-focusOutline) !important;
3168
+ outline-offset: -1px;
3169
+ }
3170
+ /*---------------------------------------------------------------------------------------------
3171
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3172
+ * Licensed under the MIT License. See License.txt in the project root for license information.
3173
+ *--------------------------------------------------------------------------------------------*/
3174
+
3175
+ .monaco-toolbar {
3176
+ height: 100%;
3177
+ }
3178
+
3179
+ .monaco-toolbar .toolbar-toggle-more {
3180
+ display: inline-block;
3181
+ padding: 0;
3182
+ }
3183
+
3184
+ .monaco-toolbar.responsive.responsive-all {
3185
+ .monaco-action-bar > .actions-container > .action-item {
3186
+ flex-shrink: 1;
3187
+ min-width: var(--vscode-toolbar-action-min-width, 20px);
3188
+ }
3189
+ }
3190
+
3191
+ .monaco-toolbar.responsive.responsive-last {
3192
+ .monaco-action-bar > .actions-container > .action-item {
3193
+ flex-shrink: 0;
3194
+ }
3195
+
3196
+ .monaco-action-bar:not(.has-overflow) > .actions-container > .action-item:last-child,
3197
+ .monaco-action-bar.has-overflow > .actions-container > .action-item:nth-last-child(2) {
3198
+ flex-shrink: 1;
3199
+ min-width: var(--vscode-toolbar-action-min-width, 20px);
3200
+ }
3201
+ }
3202
+ /*---------------------------------------------------------------------------------------------
3203
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3204
+ * Licensed under the MIT License. See License.txt in the project root for license information.
3205
+ *--------------------------------------------------------------------------------------------*/
3206
+
3207
+ .monaco-text-button {
3208
+ box-sizing: border-box;
3209
+ display: flex;
3210
+ width: 100%;
3211
+ padding: 4px 8px;
3212
+ border-radius: 4px;
3213
+ text-align: center;
3214
+ cursor: pointer;
3215
+ justify-content: center;
3216
+ align-items: center;
3217
+ border: 1px solid var(--vscode-button-border, transparent);
3218
+ line-height: 16px;
3219
+ font-size: 12px;
3220
+ overflow-wrap: normal;
3221
+ }
3222
+
3223
+ .monaco-text-button.secondary {
3224
+ border-color: var(--vscode-button-secondaryBorder, var(--vscode-button-border, transparent));
3225
+ }
3226
+
3227
+ .monaco-text-button.small {
3228
+ line-height: 14px;
3229
+ font-size: 11px;
3230
+ padding: 3px 6px;
3231
+ }
3232
+
3233
+ .monaco-text-button:focus {
3234
+ outline-offset: 2px !important;
3235
+ }
3236
+
3237
+ .monaco-text-button:hover {
3238
+ text-decoration: none !important;
3239
+ }
3240
+
3241
+ .monaco-button.disabled:focus,
3242
+ .monaco-button.disabled {
3243
+ opacity: 0.4 !important;
3244
+ cursor: default;
3245
+ }
3246
+
3247
+ .monaco-text-button .codicon {
3248
+ margin: 0 0.2em;
3249
+ color: inherit !important;
3250
+ }
3251
+
3252
+ .monaco-text-button.monaco-text-button-with-short-label {
3253
+ flex-direction: row;
3254
+ flex-wrap: wrap;
3255
+ padding: 0 4px;
3256
+ overflow: hidden;
3257
+ height: 28px;
3258
+ }
3259
+
3260
+ .monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
3261
+ flex-basis: 100%;
3262
+ }
3263
+
3264
+ .monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
3265
+ flex-grow: 1;
3266
+ width: 0;
3267
+ overflow: hidden;
3268
+ }
3269
+
3270
+ .monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
3271
+ .monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
3272
+ display: flex;
3273
+ justify-content: center;
3274
+ align-items: center;
3275
+ font-weight: normal;
3276
+ font-style: inherit;
3277
+ line-height: 18px;
3278
+ padding: 4px 0;
3279
+ }
3280
+
3281
+ .monaco-button-dropdown {
3282
+ display: flex;
3283
+ cursor: pointer;
3284
+ }
3285
+
3286
+ .monaco-button-dropdown.disabled {
3287
+ cursor: default;
3288
+ }
3289
+
3290
+ .monaco-button-dropdown > .monaco-button:focus {
3291
+ outline-offset: -1px !important;
3292
+ }
3293
+
3294
+ .monaco-button-dropdown.disabled > .monaco-button.disabled,
3295
+ .monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
3296
+ .monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
3297
+ opacity: 0.4 !important;
3298
+ }
3299
+
3300
+ .monaco-button-dropdown > .monaco-button.monaco-text-button {
3301
+ border-right-width: 0 !important;
3302
+ }
3303
+
3304
+ .monaco-button-dropdown .monaco-button-dropdown-separator {
3305
+ padding: 4px 0;
3306
+ cursor: default;
3307
+ }
3308
+
3309
+ .monaco-button-dropdown .monaco-button-dropdown-separator > div {
3310
+ height: 100%;
3311
+ width: 1px;
3312
+ }
3313
+
3314
+ .monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
3315
+ border: 1px solid var(--vscode-button-border, transparent);
3316
+ border-left-width: 0 !important;
3317
+ border-radius: 0 4px 4px 0;
3318
+ padding: 0 4px;
3319
+ display: flex;
3320
+ align-items: center;
3321
+ }
3322
+
3323
+ .monaco-button-dropdown > .monaco-button.monaco-dropdown-button.secondary {
3324
+ border-color: var(--vscode-button-secondaryBorder, var(--vscode-button-border, transparent));
3325
+ }
3326
+
3327
+ .monaco-button-dropdown > .monaco-button.monaco-text-button {
3328
+ border-radius: 4px 0 0 4px;
3329
+ }
3330
+
3331
+ .monaco-description-button {
3332
+ display: flex;
3333
+ flex-direction: column;
3334
+ align-items: center;
3335
+ margin: 4px 5px; /* allows button focus outline to be visible */
3336
+ }
3337
+
3338
+ .monaco-description-button .monaco-button-description {
3339
+ font-style: italic;
3340
+ font-size: 11px;
3341
+ padding: 4px 20px;
3342
+ }
3343
+
3344
+ .monaco-description-button .monaco-button-label,
3345
+ .monaco-description-button .monaco-button-description {
3346
+ display: flex;
3347
+ justify-content: center;
3348
+ align-items: center;
3349
+ }
3350
+
3351
+ .monaco-description-button .monaco-button-label > .codicon,
3352
+ .monaco-description-button .monaco-button-description > .codicon {
3353
+ margin: 0 0.2em;
3354
+ color: inherit !important;
3355
+ }
3356
+
3357
+ /* default color styles - based on CSS variables */
3358
+
3359
+ .monaco-button.default-colors,
3360
+ .monaco-button-dropdown.default-colors > .monaco-button{
3361
+ color: var(--vscode-button-foreground);
3362
+ background-color: var(--vscode-button-background);
3363
+ }
3364
+
3365
+ .monaco-button.default-colors:hover,
3366
+ .monaco-button-dropdown.default-colors > .monaco-button:hover {
3367
+ background-color: var(--vscode-button-hoverBackground);
3368
+ }
3369
+
3370
+ .monaco-button.default-colors.secondary,
3371
+ .monaco-button-dropdown.default-colors > .monaco-button.secondary {
3372
+ color: var(--vscode-button-secondaryForeground);
3373
+ background-color: var(--vscode-button-secondaryBackground);
3374
+ }
3375
+
3376
+ .monaco-button.default-colors.secondary:hover,
3377
+ .monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
3378
+ background-color: var(--vscode-button-secondaryHoverBackground);
3379
+ }
3380
+
3381
+ .monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
3382
+ background-color: var(--vscode-button-background);
3383
+ border-top: 1px solid var(--vscode-button-border);
3384
+ border-bottom: 1px solid var(--vscode-button-border);
3385
+ }
3386
+
3387
+ .monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
3388
+ background-color: var(--vscode-button-secondaryBackground);
3389
+ border-top-color: var(--vscode-button-secondaryBorder, var(--vscode-button-border));
3390
+ border-bottom-color: var(--vscode-button-secondaryBorder, var(--vscode-button-border));
3391
+ }
3392
+
3393
+ .monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
3394
+ background-color: var(--vscode-button-separator);
3395
+ }
3396
+ /*---------------------------------------------------------------------------------------------
3397
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3398
+ * Licensed under the MIT License. See License.txt in the project root for license information.
3399
+ *--------------------------------------------------------------------------------------------*/
3400
+
3401
+ .monaco-count-badge {
3402
+ padding: 3px 5px;
3403
+ border-radius: 11px;
3404
+ font-size: 11px;
3405
+ min-width: 18px;
3406
+ min-height: 18px;
3407
+ line-height: 11px;
3408
+ font-weight: normal;
3409
+ text-align: center;
3410
+ display: inline-block;
3411
+ box-sizing: border-box;
3412
+ }
3413
+
3414
+ .monaco-count-badge.long {
3415
+ padding: 2px 3px;
3416
+ border-radius: 2px;
3417
+ min-height: auto;
3418
+ line-height: normal;
3419
+ }
3420
+ /*---------------------------------------------------------------------------------------------
3421
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3422
+ * Licensed under the MIT License. See License.txt in the project root for license information.
3423
+ *--------------------------------------------------------------------------------------------*/
3424
+
3425
+ .monaco-progress-container {
3426
+ width: 100%;
3427
+ height: 2px;
3428
+ overflow: hidden; /* keep progress bit in bounds */
3429
+ }
3430
+
3431
+ .monaco-progress-container .progress-bit {
3432
+ width: 2%;
3433
+ height: 2px;
3434
+ position: absolute;
3435
+ left: 0;
3436
+ display: none;
3437
+ }
3438
+
3439
+ .monaco-progress-container.active .progress-bit {
3440
+ display: inherit;
3441
+ }
3442
+
3443
+ .monaco-progress-container.discrete .progress-bit {
3444
+ left: 0;
3445
+ transition: width 100ms linear;
3446
+ }
3447
+
3448
+ .monaco-progress-container.discrete.done .progress-bit {
3449
+ width: 100%;
3450
+ }
3451
+
3452
+ .monaco-progress-container.infinite .progress-bit {
3453
+ animation-name: progress;
3454
+ animation-duration: 4s;
3455
+ animation-iteration-count: infinite;
3456
+ transform: translate3d(0px, 0px, 0px);
3457
+ animation-timing-function: linear;
3458
+ }
3459
+
3460
+ .monaco-progress-container.infinite.infinite-long-running .progress-bit {
3461
+ /*
3462
+ The more smooth `linear` timing function can cause
3463
+ higher GPU consumption as indicated in
3464
+ https://github.com/microsoft/vscode/issues/97900 &
3465
+ https://github.com/microsoft/vscode/issues/138396
3466
+ */
3467
+ animation-timing-function: steps(100);
3468
+ }
3469
+
3470
+ /**
3471
+ * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
3472
+ * that container. Since translateX is relative to the progress bit size, we have to multiple it with
3473
+ * its relative size to the parent container:
3474
+ * parent width: 5000%
3475
+ * bit width: 100%
3476
+ * translateX should be as follow:
3477
+ * 50%: 5000% * 50% - 50% (set to center) = 2450%
3478
+ * 100%: 5000% * 100% - 100% (do not overflow) = 4900%
3479
+ */
3480
+ @keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } }
3481
+ /*---------------------------------------------------------------------------------------------
3482
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3483
+ * Licensed under the MIT License. See License.txt in the project root for license information.
3484
+ *--------------------------------------------------------------------------------------------*/
3485
+
3486
+ /* ---------- Icon label ---------- */
3487
+
3488
+ .monaco-icon-label {
3489
+ display: flex; /* required for icons support :before rule */
3490
+ overflow: hidden;
3491
+ text-overflow: ellipsis;
3492
+ }
3493
+
3494
+ .monaco-icon-label::before {
3495
+
3496
+ /* svg icons rendered as background image */
3497
+ background-size: 16px;
3498
+ background-position: left center;
3499
+ background-repeat: no-repeat;
3500
+ padding-right: 6px;
3501
+ width: 16px;
3502
+ height: 22px;
3503
+ line-height: inherit !important;
3504
+ display: inline-block;
3505
+
3506
+ /* fonts icons */
3507
+ -webkit-font-smoothing: antialiased;
3508
+ -moz-osx-font-smoothing: grayscale;
3509
+ vertical-align: top;
3510
+
3511
+ flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
3512
+ }
3513
+
3514
+ .monaco-icon-label-iconpath {
3515
+ width: 16px;
3516
+ height: 22px;
3517
+ margin-right: 6px;
3518
+ display: flex;
3519
+ }
3520
+
3521
+ .monaco-icon-label-container.disabled {
3522
+ color: var(--vscode-disabledForeground);
3523
+ }
3524
+ .monaco-icon-label > .monaco-icon-label-container {
3525
+ min-width: 0;
3526
+ overflow: hidden;
3527
+ text-overflow: ellipsis;
3528
+ flex: 1;
3529
+ }
3530
+
3531
+ .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
3532
+ color: inherit;
3533
+ white-space: pre; /* enable to show labels that include multiple whitespaces */
3534
+ }
3535
+
3536
+ .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
3537
+ margin: 0 2px;
3538
+ opacity: 0.5;
3539
+ }
3540
+
3541
+ .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix {
3542
+ opacity: .7;
3543
+ white-space: pre;
3544
+ }
3545
+
3546
+ .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
3547
+ opacity: .7;
3548
+ margin-left: 0.5em;
3549
+ font-size: 0.9em;
3550
+ white-space: pre; /* enable to show labels that include multiple whitespaces */
3551
+ }
3552
+
3553
+ .monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
3554
+ white-space: nowrap
3555
+ }
3556
+
3557
+ .vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
3558
+ opacity: .95;
3559
+ }
3560
+
3561
+ .monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
3562
+ .monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix,
3563
+ .monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
3564
+ font-weight: bold;
3565
+ }
3566
+
3567
+ .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
3568
+ .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix,
3569
+ .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
3570
+ font-style: italic;
3571
+ }
3572
+
3573
+ .monaco-icon-label.deprecated {
3574
+ text-decoration: line-through;
3575
+ opacity: 0.66;
3576
+ }
3577
+
3578
+ .monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
3579
+ .monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix,
3580
+ .monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
3581
+ text-decoration: line-through;
3582
+ }
3583
+
3584
+ .monaco-icon-label::after {
3585
+ opacity: 0.75;
3586
+ font-size: 90%;
3587
+ font-weight: 600;
3588
+ margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */
3589
+ text-align: center;
3590
+ }
3591
+
3592
+ /* make sure selection color wins when a label is being selected */
3593
+ .monaco-list:focus .selected .monaco-icon-label, /* list */
3594
+ .monaco-list:focus .selected .monaco-icon-label::after
3595
+ {
3596
+ color: inherit !important;
3597
+ }
3598
+
3599
+ .monaco-list-row.focused .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description,
3600
+ .monaco-list-row.selected .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
3601
+ opacity: 1;
3602
+ }
3603
+ /*---------------------------------------------------------------------------------------------
3604
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3605
+ * Licensed under the MIT License. See License.txt in the project root for license information.
3606
+ *--------------------------------------------------------------------------------------------*/
3607
+
3608
+ .monaco-keybinding {
3609
+ display: flex;
3610
+ align-items: center;
3611
+ line-height: 10px;
3612
+ }
3613
+
3614
+ .monaco-keybinding > .monaco-keybinding-key {
3615
+ display: inline-flex;
3616
+ align-items: center;
3617
+ border-style: solid;
3618
+ border-width: 1px;
3619
+ border-radius: 3px;
3620
+ justify-content: center;
3621
+ min-width: 12px;
3622
+ font-size: 11px;
3623
+ padding: 3px 5px;
3624
+ margin: 0 2px;
3625
+ }
3626
+
3627
+ .monaco-keybinding > .monaco-keybinding-key:first-child {
3628
+ margin-left: 0;
3629
+ }
3630
+
3631
+ .monaco-keybinding > .monaco-keybinding-key:last-child {
3632
+ margin-right: 0;
3633
+ }
3634
+
3635
+ .monaco-keybinding > .monaco-keybinding-key-separator {
3636
+ display: inline-block;
3637
+ }
3638
+
3639
+ .monaco-keybinding > .monaco-keybinding-key-chord-separator {
3640
+ width: 6px;
3641
+ }
3642
+ /*---------------------------------------------------------------------------------------------
3643
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3644
+ * Licensed under the MIT License. See License.txt in the project root for license information.
3645
+ *--------------------------------------------------------------------------------------------*/
3646
+
3647
+ .monaco-diff-editor .diff-review {
3648
+ position: absolute;
3649
+
3650
+ }
3651
+
3652
+ .monaco-component.diff-review {
3653
+ user-select: none;
3654
+ -webkit-user-select: none;
3655
+ z-index: 99;
3656
+
3657
+
3658
+ .diff-review-line-number {
3659
+ text-align: right;
3660
+ display: inline-block;
3661
+ color: var(--vscode-editorLineNumber-foreground);
3662
+ }
3663
+
3664
+ .diff-review-summary {
3665
+ padding-left: 10px;
3666
+ }
3667
+
3668
+ .diff-review-shadow {
3669
+ position: absolute;
3670
+ box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
3671
+ }
3672
+
3673
+ .diff-review-row {
3674
+ white-space: pre;
3675
+ }
3676
+
3677
+ .diff-review-table {
3678
+ display: table;
3679
+ min-width: 100%;
3680
+ }
3681
+
3682
+ .diff-review-row {
3683
+ display: table-row;
3684
+ width: 100%;
3685
+ }
3686
+
3687
+ .diff-review-spacer {
3688
+ display: inline-block;
3689
+ width: 10px;
3690
+ vertical-align: middle;
3691
+ }
3692
+
3693
+ .diff-review-spacer > .codicon {
3694
+ font-size: 9px !important;
3695
+ }
3696
+
3697
+ .diff-review-actions {
3698
+ display: inline-block;
3699
+ position: absolute;
3700
+ right: 10px;
3701
+ top: 2px;
3702
+ z-index: 100;
3703
+ }
3704
+
3705
+ .diff-review-actions .action-label {
3706
+ width: 16px;
3707
+ height: 16px;
3708
+ margin: 2px 0;
3709
+ }
3710
+
3711
+ .revertButton {
3712
+ cursor: pointer;
3713
+ }
3714
+
3715
+ .action-label {
3716
+ background: var(--vscode-editorActionList-background);
3717
+ }
3718
+ }
3719
+ /*---------------------------------------------------------------------------------------------
3720
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3721
+ * Licensed under the MIT License. See License.txt in the project root for license information.
3722
+ *--------------------------------------------------------------------------------------------*/
3723
+
3724
+ .monaco-editor .diff-hidden-lines-widget {
3725
+ width: 100%;
3726
+ }
3727
+
3728
+ .monaco-editor .diff-hidden-lines {
3729
+ height: 0px; /* The children each have a fixed height, the transform confuses the browser */
3730
+ transform: translate(0px, -10px);
3731
+ font-size: 13px;
3732
+ line-height: 14px;
3733
+ }
3734
+
3735
+ .monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
3736
+ .monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
3737
+ .monaco-editor .diff-hidden-lines .top.dragging,
3738
+ .monaco-editor .diff-hidden-lines .bottom.dragging {
3739
+ background-color: var(--vscode-focusBorder);
3740
+ }
3741
+
3742
+ .monaco-editor .diff-hidden-lines .top,
3743
+ .monaco-editor .diff-hidden-lines .bottom {
3744
+ transition: background-color 0.1s ease-out;
3745
+ height: 4px;
3746
+ background-color: transparent;
3747
+ background-clip: padding-box;
3748
+ border-bottom: 2px solid transparent;
3749
+ border-top: 4px solid transparent;
3750
+ /*cursor: n-resize;*/
3751
+ }
3752
+
3753
+ .monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
3754
+ .monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
3755
+ .monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
3756
+ cursor: n-resize !important;
3757
+ }
3758
+
3759
+ .monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
3760
+ .monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
3761
+ .monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
3762
+ cursor: s-resize !important;
3763
+ }
3764
+
3765
+ .monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
3766
+ .monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
3767
+ .monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
3768
+ cursor: ns-resize !important;
3769
+ }
3770
+
3771
+ .monaco-editor .diff-hidden-lines .top {
3772
+ transform: translate(0px, 4px);
3773
+ }
3774
+
3775
+ .monaco-editor .diff-hidden-lines .bottom {
3776
+ transform: translate(0px, -6px);
3777
+ }
3778
+
3779
+ .monaco-editor .diff-unchanged-lines {
3780
+ background: var(--vscode-diffEditor-unchangedCodeBackground);
3781
+ }
3782
+
3783
+ .monaco-editor .noModificationsOverlay {
3784
+ z-index: 1;
3785
+ background: var(--vscode-editor-background);
3786
+
3787
+ display: flex;
3788
+ justify-content: center;
3789
+ align-items: center;
3790
+ }
3791
+
3792
+
3793
+ .monaco-editor .diff-hidden-lines .center {
3794
+ background: var(--vscode-diffEditor-unchangedRegionBackground);
3795
+ color: var(--vscode-diffEditor-unchangedRegionForeground);
3796
+ overflow: hidden;
3797
+ display: block;
3798
+ text-overflow: ellipsis;
3799
+ white-space: nowrap;
3800
+
3801
+ height: 24px;
3802
+ box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
3803
+ }
3804
+
3805
+ .monaco-editor .diff-hidden-lines .first {
3806
+ justify-content: center;
3807
+ }
3808
+
3809
+ .monaco-editor .diff-hidden-lines .center span.codicon {
3810
+ vertical-align: middle;
3811
+ }
3812
+
3813
+ .monaco-editor .diff-hidden-lines .center a:hover .codicon {
3814
+ cursor: pointer;
3815
+ color: var(--vscode-editorLink-activeForeground) !important;
3816
+ }
3817
+
3818
+ .monaco-editor .diff-hidden-lines div.breadcrumb-item {
3819
+ cursor: pointer;
3820
+ }
3821
+
3822
+ .monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
3823
+ color: var(--vscode-editorLink-activeForeground);
3824
+ }
3825
+
3826
+ .monaco-editor .diff-hidden-lines .line-number-control,
3827
+ .monaco-editor .diff-hidden-lines .disclosure-toggle {
3828
+ display: none;
3829
+ }
3830
+
3831
+ .monaco-editor .diff-hidden-lines.diff-hidden-lines-disclosure {
3832
+ display: grid;
3833
+ grid-template-rows: var(--vscode-spacing-size80) var(--vscode-spacing-size240) var(--vscode-spacing-size80);
3834
+ height: var(--vscode-spacing-size400);
3835
+ transform: none;
3836
+ font-size: var(--vscode-fontSize-label2);
3837
+ line-height: var(--vscode-spacing-size160);
3838
+ }
3839
+
3840
+ .monaco-editor .diff-hidden-lines-disclosure .top,
3841
+ .monaco-editor .diff-hidden-lines-disclosure .bottom {
3842
+ box-sizing: border-box;
3843
+ height: var(--vscode-spacing-size80);
3844
+ border: 0;
3845
+ transform: none;
3846
+ }
3847
+
3848
+ .monaco-editor .diff-hidden-lines-disclosure .center {
3849
+ position: relative;
3850
+ box-sizing: border-box;
3851
+ width: calc(100% - var(--vscode-spacing-size200));
3852
+ height: var(--vscode-spacing-size240);
3853
+ margin: 0 var(--vscode-spacing-size100);
3854
+ border-radius: var(--vscode-cornerRadius-medium);
3855
+ background: transparent;
3856
+ box-shadow: none;
3857
+ color: var(--vscode-descriptionForeground);
3858
+ cursor: pointer;
3859
+ }
3860
+
3861
+ .monaco-editor .diff-hidden-lines-disclosure .center:hover,
3862
+ .monaco-editor .diff-hidden-lines-disclosure .center:focus-within {
3863
+ background: var(--vscode-list-hoverBackground);
3864
+ color: var(--vscode-foreground);
3865
+ }
3866
+
3867
+ .monaco-editor .diff-hidden-lines-disclosure .disclosure-toggle[role='button'] {
3868
+ display: block;
3869
+ position: absolute;
3870
+ inset: 0;
3871
+ border-radius: inherit;
3872
+ }
3873
+
3874
+ .monaco-editor .diff-hidden-lines-disclosure .disclosure-toggle:focus-visible,
3875
+ .monaco-editor .diff-hidden-lines-disclosure .breadcrumb-item:focus-visible {
3876
+ outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
3877
+ outline-offset: calc(-1 * var(--vscode-strokeThickness));
3878
+ }
3879
+
3880
+ .monaco-editor .diff-hidden-lines-disclosure .first,
3881
+ .monaco-editor .diff-hidden-lines-disclosure .content-row {
3882
+ position: relative;
3883
+ pointer-events: none;
3884
+ }
3885
+
3886
+ .monaco-editor .diff-hidden-lines-disclosure .content-row {
3887
+ flex: 1;
3888
+ min-width: 0;
3889
+ }
3890
+
3891
+ .monaco-editor .diff-hidden-lines-disclosure .first {
3892
+ z-index: 1;
3893
+ }
3894
+
3895
+ .monaco-editor .diff-hidden-lines-disclosure .default-control {
3896
+ display: none;
3897
+ }
3898
+
3899
+ .monaco-editor .diff-hidden-lines-disclosure .line-number-control {
3900
+ position: absolute;
3901
+ display: flex;
3902
+ justify-content: center;
3903
+ align-items: center;
3904
+ height: 100%;
3905
+ transform: translateX(calc(-1 * var(--vscode-spacing-size100)));
3906
+ color: inherit;
3907
+ }
3908
+
3909
+ .monaco-editor .diff-hidden-lines-disclosure .line-left,
3910
+ .monaco-editor .diff-hidden-lines-disclosure .line-right {
3911
+ min-width: var(--vscode-spacing-size120);
3912
+ height: var(--vscode-strokeThickness);
3913
+ background: var(--vscode-widget-border, var(--vscode-contrastBorder));
3914
+ flex: 1;
3915
+ }
3916
+
3917
+ .monaco-editor .diff-hidden-lines-disclosure .disclosure-content {
3918
+ display: flex;
3919
+ align-items: center;
3920
+ min-width: 0;
3921
+ margin: 0 var(--vscode-spacing-size60);
3922
+ color: inherit;
3923
+ overflow: hidden;
3924
+ white-space: nowrap;
3925
+ text-overflow: ellipsis;
3926
+ }
3927
+
3928
+ .monaco-editor .diff-hidden-lines-disclosure .disclosure-content > * {
3929
+ flex-shrink: 0;
3930
+ }
3931
+
3932
+ .monaco-editor .diff-hidden-lines-disclosure .breadcrumb-item {
3933
+ pointer-events: auto;
3934
+ border-radius: var(--vscode-cornerRadius-small);
3935
+ min-width: 0;
3936
+ }
3937
+
3938
+ .monaco-editor .diff-hidden-lines-disclosure .disclosure-content > .breadcrumb-item {
3939
+ flex-shrink: 1;
3940
+ }
3941
+
3942
+ .monaco-editor .diff-hidden-lines-disclosure .breadcrumb-label {
3943
+ min-width: 0;
3944
+ overflow: hidden;
3945
+ white-space: nowrap;
3946
+ text-overflow: ellipsis;
3947
+ }
3948
+
3949
+ .monaco-editor .movedOriginal {
3950
+ border: 2px solid var(--vscode-diffEditor-move-border);
3951
+ }
3952
+
3953
+ .monaco-editor .movedModified {
3954
+ border: 2px solid var(--vscode-diffEditor-move-border);
3955
+ }
3956
+
3957
+ .monaco-editor .movedOriginal.currentMove, .monaco-editor .movedModified.currentMove {
3958
+ border: 2px solid var(--vscode-diffEditor-moveActive-border);
3959
+ }
3960
+
3961
+ .monaco-diff-editor .moved-blocks-lines path.currentMove {
3962
+ stroke: var(--vscode-diffEditor-moveActive-border);
3963
+ }
3964
+
3965
+ .monaco-diff-editor .moved-blocks-lines path {
3966
+ pointer-events: visiblestroke;
3967
+ }
3968
+
3969
+ .monaco-diff-editor .moved-blocks-lines .arrow {
3970
+ fill: var(--vscode-diffEditor-move-border);
3971
+ }
3972
+
3973
+ .monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
3974
+ fill: var(--vscode-diffEditor-moveActive-border);
3975
+ }
3976
+
3977
+ .monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
3978
+ fill: var(--vscode-editor-background);
3979
+ }
3980
+
3981
+ .monaco-diff-editor .moved-blocks-lines {
3982
+ position: absolute;
3983
+ pointer-events: none;
3984
+ }
3985
+
3986
+ .monaco-diff-editor .moved-blocks-lines path {
3987
+ fill: none;
3988
+ stroke: var(--vscode-diffEditor-move-border);
3989
+ stroke-width: 2;
3990
+ }
3991
+
3992
+ .monaco-editor .char-delete.diff-range-empty {
3993
+ margin-left: -1px;
3994
+ border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
3995
+ }
3996
+
3997
+ .monaco-editor .char-insert.diff-range-empty {
3998
+ border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
3999
+ }
4000
+
4001
+ .monaco-editor .fold-unchanged {
4002
+ cursor: pointer;
4003
+ }
4004
+
4005
+ .monaco-diff-editor .diff-moved-code-block {
4006
+ display: flex;
4007
+ justify-content: flex-end;
4008
+ margin-top: -4px;
4009
+ }
4010
+
4011
+ .monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
4012
+ width: 12px;
4013
+ height: 12px;
4014
+ font-size: 12px;
4015
+ }
4016
+
4017
+ /* ---------- DiffEditor ---------- */
4018
+
4019
+ .monaco-diff-editor .diffOverview {
4020
+ z-index: 9;
4021
+ }
4022
+
4023
+ .monaco-diff-editor .diffOverview .diffViewport {
4024
+ z-index: 10;
4025
+ }
4026
+
4027
+ /* colors not externalized: using transparancy on background */
4028
+ .monaco-diff-editor.vs .diffOverview { background: rgba(0, 0, 0, 0.03); }
4029
+ .monaco-diff-editor.vs-dark .diffOverview { background: rgba(255, 255, 255, 0.01); }
4030
+
4031
+ .monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar { background: rgba(0,0,0,0); }
4032
+ .monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar { background: rgba(0,0,0,0); }
4033
+ .monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar { background: none; }
4034
+ .monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light .scrollbar { background: none; }
4035
+
4036
+ .monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
4037
+ z-index: 10;
4038
+ }
4039
+ .modified-in-monaco-diff-editor .slider.active { background: rgba(171, 171, 171, .4); }
4040
+ .modified-in-monaco-diff-editor.hc-black .slider.active { background: none; }
4041
+ .modified-in-monaco-diff-editor.hc-light .slider.active { background: none; }
4042
+
4043
+ /* ---------- Diff ---------- */
4044
+
4045
+ .monaco-editor .insert-sign,
4046
+ .monaco-diff-editor .insert-sign,
4047
+ .monaco-editor .delete-sign,
4048
+ .monaco-diff-editor .delete-sign {
4049
+ font-size: 11px !important;
4050
+ opacity: 0.7 !important;
4051
+ display: flex !important;
4052
+ align-items: center;
4053
+ }
4054
+ .monaco-editor.hc-black .insert-sign,
4055
+ .monaco-diff-editor.hc-black .insert-sign,
4056
+ .monaco-editor.hc-black .delete-sign,
4057
+ .monaco-diff-editor.hc-black .delete-sign,
4058
+ .monaco-editor.hc-light .insert-sign,
4059
+ .monaco-diff-editor.hc-light .insert-sign,
4060
+ .monaco-editor.hc-light .delete-sign,
4061
+ .monaco-diff-editor.hc-light .delete-sign {
4062
+ opacity: 1;
4063
+ }
4064
+
4065
+ .monaco-editor .inline-deleted-margin-view-zone {
4066
+ text-align: right;
4067
+ }
4068
+ .monaco-editor .inline-added-margin-view-zone {
4069
+ text-align: right;
4070
+ }
4071
+
4072
+ .monaco-editor .arrow-revert-change {
4073
+ z-index: 10;
4074
+ position: absolute;
4075
+ }
4076
+
4077
+ .monaco-editor .arrow-revert-change:hover {
4078
+ cursor: pointer;
4079
+ }
4080
+
4081
+ /* ---------- Inline Diff ---------- */
4082
+
4083
+ .monaco-editor .view-zones .view-lines .view-line span {
4084
+ display: inline-block;
4085
+ }
4086
+
4087
+ .monaco-editor .margin-view-zones .lightbulb-glyph:hover {
4088
+ cursor: pointer;
4089
+ }
4090
+
4091
+ .monaco-editor .char-insert, .monaco-diff-editor .char-insert {
4092
+ background-color: var(--vscode-diffEditor-insertedTextBackground);
4093
+ }
4094
+
4095
+ .monaco-editor .line-insert, .monaco-diff-editor .line-insert {
4096
+ background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
4097
+ }
4098
+
4099
+ .monaco-editor .line-insert,
4100
+ .monaco-editor .char-insert {
4101
+ box-sizing: border-box;
4102
+ border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
4103
+ }
4104
+ .monaco-editor.hc-black .line-insert, .monaco-editor.hc-light .line-insert,
4105
+ .monaco-editor.hc-black .char-insert, .monaco-editor.hc-light .char-insert {
4106
+ border-style: dashed;
4107
+ }
4108
+
4109
+ .monaco-editor .line-delete,
4110
+ .monaco-editor .char-delete {
4111
+ box-sizing: border-box;
4112
+ border: 1px solid var(--vscode-diffEditor-removedTextBorder);
4113
+ }
4114
+ .monaco-editor.hc-black .line-delete, .monaco-editor.hc-light .line-delete,
4115
+ .monaco-editor.hc-black .char-delete, .monaco-editor.hc-light .char-delete {
4116
+ border-style: dashed;
4117
+ }
4118
+
4119
+ .monaco-editor .inline-added-margin-view-zone,
4120
+ .monaco-editor .gutter-insert, .monaco-diff-editor .gutter-insert {
4121
+ background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
4122
+ }
4123
+
4124
+ .monaco-editor .char-delete, .monaco-diff-editor .char-delete, .monaco-editor .inline-deleted-text {
4125
+ background-color: var(--vscode-diffEditor-removedTextBackground);
4126
+ }
4127
+
4128
+ .monaco-editor .inline-deleted-text {
4129
+ text-decoration: line-through;
4130
+ }
4131
+
4132
+ .monaco-editor .line-delete, .monaco-diff-editor .line-delete {
4133
+ background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
4134
+ }
4135
+
4136
+ .monaco-editor .inline-deleted-margin-view-zone,
4137
+ .monaco-editor .gutter-delete, .monaco-diff-editor .gutter-delete {
4138
+ background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
4139
+ }
4140
+
4141
+ .monaco-diff-editor.side-by-side .editor.modified {
4142
+ box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
4143
+ border-left: 1px solid var(--vscode-diffEditor-border);
4144
+ }
4145
+
4146
+ .monaco-diff-editor.side-by-side .editor.original {
4147
+ box-shadow: 6px 0 5px -5px var(--vscode-scrollbar-shadow);
4148
+ border-right: 1px solid var(--vscode-diffEditor-border);
4149
+ }
4150
+
4151
+ .monaco-diff-editor .diffViewport {
4152
+ background: var(--vscode-scrollbarSlider-background);
4153
+ }
4154
+
4155
+ .monaco-diff-editor .diffViewport:hover {
4156
+ background: var(--vscode-scrollbarSlider-hoverBackground);
4157
+ }
4158
+
4159
+ .monaco-diff-editor .diffViewport:active {
4160
+ background: var(--vscode-scrollbarSlider-activeBackground);
4161
+ }
4162
+
4163
+ .monaco-editor .diagonal-fill {
4164
+ background-image: linear-gradient(
4165
+ -45deg,
4166
+ var(--vscode-diffEditor-diagonalFill) 12.5%,
4167
+ #0000 12.5%, #0000 50%,
4168
+ var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
4169
+ #0000 62.5%, #0000 100%
4170
+ );
4171
+ background-size: 8px 8px;
4172
+ }
4173
+
4174
+ .monaco-diff-editor .gutter {
4175
+ position: relative;
4176
+ overflow: hidden;
4177
+ flex-shrink: 0;
4178
+ flex-grow: 0;
4179
+
4180
+ & > div {
4181
+ position: absolute;
4182
+ }
4183
+
4184
+ .gutterItem {
4185
+ opacity: 0;
4186
+ transition: opacity 0.7s;
4187
+
4188
+ &.showAlways {
4189
+ opacity: 1;
4190
+ transition: none;
4191
+ }
4192
+
4193
+ &.noTransition {
4194
+ transition: none;
4195
+ }
4196
+ }
4197
+
4198
+ &:hover .gutterItem {
4199
+ opacity: 1;
4200
+ transition: opacity 0.1s ease-in-out;
4201
+ }
4202
+
4203
+ .gutterItem {
4204
+ .background {
4205
+ position: absolute;
4206
+ height: 100%;
4207
+ left: 50%;
4208
+ width: 1px;
4209
+
4210
+ border-left: 2px var(--vscode-menu-separatorBackground) solid;
4211
+ }
4212
+
4213
+ .buttons {
4214
+ position: absolute;
4215
+ /*height: 100%;*/
4216
+ width: 100%;
4217
+
4218
+ display: flex;
4219
+ justify-content: center;
4220
+ align-items: center;
4221
+
4222
+ .monaco-toolbar {
4223
+ height: fit-content;
4224
+ .monaco-action-bar {
4225
+ line-height: 1;
4226
+
4227
+ .actions-container {
4228
+ width: fit-content;
4229
+ border-radius: 4px;
4230
+ background: var(--vscode-editorGutter-itemBackground);
4231
+
4232
+ .action-item {
4233
+ &:hover {
4234
+ background: var(--vscode-toolbar-hoverBackground);
4235
+ }
4236
+
4237
+ .action-label {
4238
+ color: var(--vscode-editorGutter-itemGlyphForeground);
4239
+ padding: 1px 2px;
4240
+ }
4241
+ }
4242
+ }
4243
+ }
4244
+ }
4245
+ }
4246
+ }
4247
+ }
4248
+
4249
+
4250
+ .monaco-diff-editor .diff-hidden-lines-compact {
4251
+ display: flex;
4252
+ height: 11px;
4253
+ .line-left, .line-right {
4254
+ height: 1px;
4255
+ border-top: 1px solid;
4256
+ border-color: var(--vscode-editorCodeLens-foreground);
4257
+ opacity: 0.5;
4258
+ margin: auto;
4259
+ width: 100%;
4260
+ }
4261
+
4262
+ .line-left {
4263
+ width: 20px;
4264
+ }
4265
+
4266
+ .text {
4267
+ color: var(--vscode-editorCodeLens-foreground);
4268
+ text-wrap: nowrap;
4269
+ font-size: 11px;
4270
+ line-height: 11px;
4271
+ margin: 0 4px;
4272
+ }
4273
+ }
4274
+
4275
+ .monaco-editor .line-delete-selectable {
4276
+ user-select: text !important;
4277
+ -webkit-user-select: text !important;
4278
+ z-index: 1 !important;
4279
+ }
4280
+
4281
+ .line-delete-selectable .view-line {
4282
+ user-select: text !important;
4283
+ -webkit-user-select: text !important;
4284
+ }
4285
+ /*---------------------------------------------------------------------------------------------
4286
+ * Copyright (c) Microsoft Corporation. All rights reserved.
4287
+ * Licensed under the MIT License. See License.txt in the project root for license information.
4288
+ *--------------------------------------------------------------------------------------------*/
4289
+
4290
+ .monaco-editor .rendered-markdown kbd {
4291
+ background-color: var(--vscode-keybindingLabel-background);
4292
+ color: var(--vscode-keybindingLabel-foreground);
4293
+ border-style: solid;
4294
+ border-width: 1px;
4295
+ border-radius: 3px;
4296
+ border-color: var(--vscode-keybindingLabel-border);
4297
+ border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
4298
+ box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
4299
+ vertical-align: middle;
4300
+ padding: 1px 3px;
4301
+ }
4302
+
4303
+ .rendered-markdown li:has(input[type=checkbox]) {
4304
+ list-style-type: none;
4305
+ }
4306
+ /*---------------------------------------------------------------------------------------------
4307
+ * Copyright (c) Microsoft Corporation. All rights reserved.
4308
+ * Licensed under the MIT License. See License.txt in the project root for license information.
4309
+ *--------------------------------------------------------------------------------------------*/
4310
+
4311
+ .monaco-component.multiDiffEditor {
4312
+ position: relative;
4313
+ width: 100%;
4314
+ height: 100%;
4315
+ overflow-y: hidden;
4316
+ background: var(--vscode-multiDiffEditor-background);
4317
+
4318
+ > div {
4319
+ position: absolute;
4320
+ top: 0;
4321
+ left: 0;
4322
+ width: 100%;
4323
+ height: 100%;
4324
+
4325
+ &.placeholder {
4326
+ display: grid;
4327
+ place-items: center;
4328
+ place-content: center;
4329
+ visibility: hidden;
4330
+
4331
+ &.visible {
4332
+ visibility: visible;
4333
+ }
4334
+ }
4335
+ }
4336
+
4337
+ > .multi-diff-root-floating-menu {
4338
+ position: absolute;
4339
+ inset: auto var(--vscode-spacing-size280) var(--vscode-spacing-size240) auto;
4340
+ width: auto;
4341
+ }
4342
+
4343
+ .active {
4344
+ --vscode-multiDiffEditor-border: var(--vscode-focusBorder);
4345
+ }
4346
+
4347
+ .multiDiffEntry {
4348
+ display: flex;
4349
+ flex: 1;
4350
+ flex-direction: column;
4351
+ overflow: hidden;
4352
+
4353
+ .collapse-button {
4354
+ cursor: pointer;
4355
+ }
4356
+
4357
+ .header {
4358
+ z-index: 1000;
4359
+
4360
+ .header-content {
4361
+ display: flex;
4362
+ align-items: center;
4363
+ color: var(--vscode-foreground);
4364
+
4365
+ &.shadow {
4366
+ box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px;
4367
+ }
4368
+
4369
+ .file-path {
4370
+ display: flex;
4371
+ flex: 1 1 auto;
4372
+ min-width: 0;
4373
+ overflow: hidden;
4374
+
4375
+ .title {
4376
+ flex: 0 1 auto;
4377
+ min-width: 0;
4378
+ overflow: hidden;
4379
+ line-height: 22px;
4380
+ text-overflow: ellipsis;
4381
+
4382
+ &.modified {
4383
+ display: flex;
4384
+ align-items: center;
4385
+ }
4386
+
4387
+ &.modified > .monaco-icon-label {
4388
+ flex: 0 1 auto;
4389
+ min-width: 0;
4390
+ }
4391
+
4392
+ &.original {
4393
+ flex: 1 1 auto;
4394
+ }
4395
+ }
4396
+
4397
+ .multi-diff-resource-label-accessory:empty {
4398
+ display: none;
4399
+ }
4400
+
4401
+ .status:not(.added):not(.deleted):not(.renamed) {
4402
+ display: none;
4403
+ }
4404
+ }
4405
+
4406
+ .actions {
4407
+ flex: 0 0 auto;
4408
+ }
4409
+ }
4410
+ }
4411
+
4412
+ .editorParent {
4413
+ display: flex;
4414
+ flex: 1;
4415
+ flex-direction: column;
4416
+ overflow: hidden;
4417
+ }
4418
+
4419
+ .editorContainer {
4420
+ flex: 1;
4421
+ }
4422
+
4423
+ .binary-file-placeholder {
4424
+ display: none;
4425
+ flex: 1;
4426
+ place-items: center;
4427
+ color: var(--vscode-descriptionForeground);
4428
+
4429
+ &:focus-visible {
4430
+ outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
4431
+ outline-offset: calc(-1 * var(--vscode-strokeThickness));
4432
+ }
4433
+
4434
+ .binary-file-placeholder-content {
4435
+ display: flex;
4436
+ flex-direction: column;
4437
+ align-items: center;
4438
+ gap: var(--vscode-spacing-size80);
4439
+ }
4440
+ }
4441
+ }
4442
+
4443
+ &.multiDiffEditor-standard {
4444
+ .multiDiffEntry {
4445
+ .collapse-button {
4446
+ margin: 0 var(--vscode-spacing-size60);
4447
+
4448
+ a {
4449
+ display: block;
4450
+ }
4451
+ }
4452
+
4453
+ .header {
4454
+ background: var(--vscode-editor-background);
4455
+
4456
+ &:not(.collapsed) .header-content {
4457
+ border-bottom: var(--vscode-strokeThickness) solid var(--vscode-sideBarSectionHeader-border);
4458
+ }
4459
+
4460
+ .header-content {
4461
+ margin: var(--vscode-spacing-size80) 0 0;
4462
+ padding: var(--vscode-spacing-size40) var(--vscode-spacing-size60);
4463
+ border-top: var(--vscode-strokeThickness) solid var(--vscode-multiDiffEditor-border);
4464
+ background: var(--vscode-multiDiffEditor-headerBackground);
4465
+
4466
+ .file-path {
4467
+ .title {
4468
+ font-size: 14px;
4469
+ }
4470
+
4471
+ .status {
4472
+ margin: 0 var(--vscode-spacing-size100);
4473
+ font-weight: var(--vscode-fontWeight-semiBold);
4474
+ line-height: 22px;
4475
+ opacity: 0.75;
4476
+ }
4477
+ }
4478
+
4479
+ .actions {
4480
+ padding: 0 var(--vscode-spacing-size80);
4481
+ }
4482
+ }
4483
+ }
4484
+
4485
+ .editorParent {
4486
+ border-bottom: var(--vscode-strokeThickness) solid var(--vscode-multiDiffEditor-border);
4487
+ }
4488
+ }
4489
+ }
4490
+
4491
+ &.multiDiffEditor-compact {
4492
+ .multiDiffEntry {
4493
+ box-sizing: border-box;
4494
+
4495
+ &::after {
4496
+ position: absolute;
4497
+ right: var(--vscode-spacing-size100);
4498
+ bottom: 0;
4499
+ left: var(--vscode-spacing-size100);
4500
+ z-index: 1001;
4501
+ height: var(--vscode-strokeThickness);
4502
+ pointer-events: none;
4503
+ content: '';
4504
+ background: var(--vscode-panel-border);
4505
+ }
4506
+
4507
+ &.header-hovered,
4508
+ &.header-focused {
4509
+ z-index: 1002;
4510
+ overflow: visible;
4511
+ }
4512
+
4513
+ &.header-hovered::after,
4514
+ &.header-focused::after {
4515
+ right: 0;
4516
+ left: 0;
4517
+ z-index: 1004;
4518
+ }
4519
+
4520
+ &.header-hovered::before,
4521
+ &.header-focused::before {
4522
+ position: absolute;
4523
+ top: calc(-1 * var(--vscode-strokeThickness));
4524
+ right: 0;
4525
+ left: 0;
4526
+ z-index: 1004;
4527
+ height: var(--vscode-strokeThickness);
4528
+ pointer-events: none;
4529
+ content: '';
4530
+ background: var(--vscode-panel-border);
4531
+ }
4532
+
4533
+ &.first-diff-entry.header-hovered::before,
4534
+ &.first-diff-entry.header-focused::before {
4535
+ top: 0;
4536
+ }
4537
+
4538
+ .collapse-button {
4539
+ margin: 0 var(--vscode-spacing-size60);
4540
+
4541
+ a {
4542
+ display: flex;
4543
+ align-items: center;
4544
+ justify-content: center;
4545
+ padding: var(--vscode-spacing-size40);
4546
+ border-radius: var(--vscode-cornerRadius-medium);
4547
+
4548
+ &:hover {
4549
+ background: var(--vscode-toolbar-hoverBackground);
4550
+ }
4551
+
4552
+ &:active {
4553
+ background: var(--vscode-toolbar-activeBackground);
4554
+ }
4555
+
4556
+ &:focus-visible {
4557
+ outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
4558
+ outline-offset: calc(-1 * var(--vscode-strokeThickness));
4559
+ }
4560
+
4561
+ &:focus:not(:focus-visible) {
4562
+ outline: none;
4563
+ }
4564
+ }
4565
+ }
4566
+
4567
+ .header {
4568
+ position: relative;
4569
+ background: var(--vscode-multiDiffEditor-background);
4570
+
4571
+ &[role='button'] {
4572
+ cursor: pointer;
4573
+ }
4574
+
4575
+ .header-content {
4576
+ box-sizing: border-box;
4577
+ height: var(--vscode-spacing-size320);
4578
+ margin: 0;
4579
+ padding: 0;
4580
+ border: none;
4581
+ background: transparent;
4582
+
4583
+ .file-path {
4584
+ .title {
4585
+ font-size: var(--vscode-fontSize-body1);
4586
+ }
4587
+
4588
+ .status {
4589
+ display: inline-flex;
4590
+ align-items: center;
4591
+ justify-content: center;
4592
+ width: var(--vscode-spacing-size160);
4593
+ min-width: var(--vscode-spacing-size160);
4594
+ margin: 0 var(--vscode-spacing-size100);
4595
+ font-size: var(--vscode-fontSize-body2);
4596
+ font-weight: var(--vscode-fontWeight-semiBold);
4597
+ line-height: 22px;
4598
+ opacity: 0.9;
4599
+
4600
+ &.added {
4601
+ color: var(--vscode-gitDecoration-addedResourceForeground);
4602
+ }
4603
+
4604
+ &.deleted {
4605
+ color: var(--vscode-gitDecoration-deletedResourceForeground);
4606
+ }
4607
+
4608
+ &.renamed {
4609
+ color: var(--vscode-gitDecoration-modifiedResourceForeground);
4610
+ }
4611
+ }
4612
+ }
4613
+
4614
+ .actions {
4615
+ padding: 0 var(--vscode-spacing-size80);
4616
+
4617
+ .actions-container {
4618
+ gap: var(--vscode-spacing-size40);
4619
+
4620
+ .action-item:not(.multi-diff-action-always-visible) {
4621
+ visibility: hidden;
4622
+ }
4623
+
4624
+ .action-item:not(.checkbox-action-item) .action-label {
4625
+ padding: var(--vscode-spacing-size40);
4626
+ }
4627
+ }
4628
+ }
4629
+ }
4630
+
4631
+ &:hover .header-content {
4632
+ background: var(--vscode-list-hoverBackground);
4633
+ }
4634
+
4635
+ &:active .header-content {
4636
+ background: var(--vscode-toolbar-activeBackground);
4637
+ }
4638
+
4639
+ &[aria-expanded='false'] + .editorParent {
4640
+ border: none;
4641
+ }
4642
+
4643
+ &:focus {
4644
+ outline: none;
4645
+ }
4646
+
4647
+ &:focus-visible .header-content {
4648
+ outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
4649
+ outline-offset: calc(-1 * var(--vscode-strokeThickness));
4650
+ }
4651
+ }
4652
+
4653
+ &:hover .header .header-content .actions .actions-container .action-item,
4654
+ &:focus-within .header .header-content .actions .actions-container .action-item {
4655
+ visibility: visible;
4656
+ }
4657
+
4658
+ .editorParent {
4659
+ border: none;
4660
+ }
4661
+ }
4662
+
4663
+ &:focus-within .multiDiffEntry.active {
4664
+ z-index: 1002;
4665
+ overflow: visible;
4666
+ }
4667
+
4668
+ &:focus-within .multiDiffEntry.active::after {
4669
+ right: 0;
4670
+ left: 0;
4671
+ z-index: 1004;
4672
+ }
4673
+
4674
+ &:focus-within .multiDiffEntry.active::before {
4675
+ position: absolute;
4676
+ top: calc(-1 * var(--vscode-strokeThickness));
4677
+ right: 0;
4678
+ left: 0;
4679
+ z-index: 1004;
4680
+ height: var(--vscode-strokeThickness);
4681
+ pointer-events: none;
4682
+ content: '';
4683
+ background: var(--vscode-panel-border);
4684
+ }
4685
+
4686
+ &:focus-within .multiDiffEntry.first-diff-entry.active::before {
4687
+ top: 0;
4688
+ }
4689
+
4690
+ &:focus-within .multiDiffEntry.active .header .header-content,
4691
+ &:focus-within .multiDiffEntry.active .header:hover .header-content,
4692
+ &:focus-within .multiDiffEntry.active .header:active .header-content {
4693
+ background: var(--vscode-list-inactiveSelectionBackground);
4694
+ }
4695
+
4696
+ .diff-hidden-lines .center {
4697
+ overflow: hidden;
4698
+ box-shadow: none;
4699
+ }
4700
+
4701
+ .diff-hidden-lines .first {
4702
+ box-sizing: border-box;
4703
+ justify-content: flex-start;
4704
+ padding-left: var(--vscode-spacing-size60);
4705
+ }
4706
+
4707
+ .fold-unchanged {
4708
+ box-sizing: border-box;
4709
+ }
4710
+
4711
+ .editor.original .diff-hidden-lines .center {
4712
+ border-top-left-radius: var(--vscode-cornerRadius-medium);
4713
+ border-bottom-left-radius: var(--vscode-cornerRadius-medium);
4714
+ }
4715
+
4716
+ .editor.modified .diff-hidden-lines .center {
4717
+ border-top-right-radius: var(--vscode-cornerRadius-medium);
4718
+ border-bottom-right-radius: var(--vscode-cornerRadius-medium);
4719
+ }
4720
+ }
4721
+
4722
+ &.multiDiffEditor-card {
4723
+ .multiDiffEntry {
4724
+ padding: 0 var(--vscode-spacing-size80);
4725
+
4726
+ &::before,
4727
+ &::after {
4728
+ display: none;
4729
+ content: none;
4730
+ }
4731
+
4732
+ .header {
4733
+ .header-content {
4734
+ margin: var(--vscode-spacing-size40) 0 0;
4735
+ border: var(--vscode-strokeThickness) solid var(--vscode-widget-border, var(--vscode-editorWidget-border, transparent));
4736
+ border-bottom: none;
4737
+ border-radius: var(--vscode-cornerRadius-medium) var(--vscode-cornerRadius-medium) 0 0;
4738
+ background: var(--vscode-sideBarSectionHeader-background);
4739
+ }
4740
+
4741
+ &[aria-expanded='false'] .header-content {
4742
+ border-bottom: var(--vscode-strokeThickness) solid var(--vscode-widget-border, var(--vscode-editorWidget-border, transparent));
4743
+ border-radius: var(--vscode-cornerRadius-medium);
4744
+ }
4745
+
4746
+ &:hover .header-content {
4747
+ background:
4748
+ linear-gradient(var(--vscode-toolbar-hoverBackground, transparent), var(--vscode-toolbar-hoverBackground, transparent)),
4749
+ var(--vscode-sideBarSectionHeader-background);
4750
+ }
4751
+
4752
+ &:active .header-content {
4753
+ background:
4754
+ linear-gradient(var(--vscode-toolbar-activeBackground, transparent), var(--vscode-toolbar-activeBackground, transparent)),
4755
+ var(--vscode-sideBarSectionHeader-background);
4756
+ }
4757
+ }
4758
+
4759
+ .editorParent {
4760
+ overflow: hidden;
4761
+ border: var(--vscode-strokeThickness) solid var(--vscode-widget-border, var(--vscode-editorWidget-border, transparent));
4762
+ border-top: none;
4763
+ border-radius: 0 0 var(--vscode-cornerRadius-medium) var(--vscode-cornerRadius-medium);
4764
+ }
4765
+
4766
+ &:focus-within .header .header-content {
4767
+ border-color: var(--vscode-focusBorder) var(--vscode-focusBorder) transparent var(--vscode-focusBorder);
4768
+ background:
4769
+ linear-gradient(var(--vscode-list-focusBackground, transparent), var(--vscode-list-focusBackground, transparent)),
4770
+ var(--vscode-sideBarSectionHeader-background);
4771
+ }
4772
+
4773
+ &:focus-within .header[aria-expanded='false'] .header-content {
4774
+ border-bottom-color: var(--vscode-focusBorder);
4775
+ }
4776
+
4777
+ &:focus-within .editorParent {
4778
+ border-color: var(--vscode-widget-border, var(--vscode-editorWidget-border, transparent)) var(--vscode-focusBorder) var(--vscode-focusBorder) var(--vscode-focusBorder);
4779
+ }
4780
+
4781
+ .header.shadow[aria-expanded='true'] .header-content {
4782
+ height: calc(var(--vscode-spacing-size320) + var(--vscode-spacing-size40));
4783
+ margin-top: 0;
4784
+ border-top-color: transparent;
4785
+ border-radius: 0;
4786
+ box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px;
4787
+ }
4788
+ }
4789
+
4790
+ &:focus-within .multiDiffEntry.active .header .header-content,
4791
+ &:focus-within .multiDiffEntry.active .header:hover .header-content,
4792
+ &:focus-within .multiDiffEntry.active .header:active .header-content {
4793
+ background:
4794
+ linear-gradient(var(--vscode-list-focusBackground, transparent), var(--vscode-list-focusBackground, transparent)),
4795
+ var(--vscode-sideBarSectionHeader-background);
4796
+ }
4797
+ }
4798
+ }
4799
+
4800
+ :is(.hc-black, .hc-light) .monaco-component.multiDiffEditor.multiDiffEditor-card .multiDiffEntry:focus-within {
4801
+ .header .header-content {
4802
+ border-color: var(--vscode-contrastActiveBorder, var(--vscode-focusBorder)) var(--vscode-contrastActiveBorder, var(--vscode-focusBorder)) transparent var(--vscode-contrastActiveBorder, var(--vscode-focusBorder));
4803
+ }
4804
+
4805
+ .header[aria-expanded='false'] .header-content {
4806
+ border-bottom-color: var(--vscode-contrastActiveBorder, var(--vscode-focusBorder));
4807
+ }
4808
+
4809
+ .editorParent {
4810
+ border-color: var(--vscode-widget-border, var(--vscode-editorWidget-border, transparent)) var(--vscode-contrastActiveBorder, var(--vscode-focusBorder)) var(--vscode-contrastActiveBorder, var(--vscode-focusBorder)) var(--vscode-contrastActiveBorder, var(--vscode-focusBorder));
4811
+ }
4812
+
4813
+ .header.shadow[aria-expanded='true'] .header-content {
4814
+ border-top-color: transparent;
4815
+ }
4816
+ }