1#error.svelte-104hor5{background:darkred;color:white;flex:1;padding:10px}.invisible.svelte-104hor5{display:none}.visible.svelte-104hor5{display:block} 2/*--------------------------------------------------------------------------------------------- 3 * Copyright (c) Microsoft Corporation. All rights reserved. 4 * Licensed under the MIT License. See License.txt in the project root for license information. 5 *--------------------------------------------------------------------------------------------*/ 6 7.monaco-editor .accessibilityHelpWidget { 8 padding: 10px; 9 vertical-align: middle; 10 overflow: scroll; 11} 12/*--------------------------------------------------------------------------------------------- 13 * Copyright (c) Microsoft Corporation. All rights reserved. 14 * Licensed under the MIT License. See License.txt in the project root for license information. 15 *--------------------------------------------------------------------------------------------*/ 16 17.monaco-aria-container { 18 position: absolute; /* try to hide from window but not from screen readers */ 19 left:-999em; 20} 21/*--------------------------------------------------------------------------------------------- 22 * Copyright (c) Microsoft Corporation. All rights reserved. 23 * Licensed under the MIT License. See License.txt in the project root for license information. 24 *--------------------------------------------------------------------------------------------*/ 25 26.monaco-editor .selection-anchor { 27 background-color: #007ACC; 28 width: 2px !important; 29} 30 31/*--------------------------------------------------------------------------------------------- 32 * Copyright (c) Microsoft Corporation. All rights reserved. 33 * Licensed under the MIT License. See License.txt in the project root for license information. 34 *--------------------------------------------------------------------------------------------*/ 35 36.monaco-editor .bracket-match { 37 box-sizing: border-box; 38} 39 40/*--------------------------------------------------------------------------------------------- 41 * Copyright (c) Microsoft Corporation. All rights reserved. 42 * Licensed under the MIT License. See License.txt in the project root for license information. 43 *--------------------------------------------------------------------------------------------*/ 44 45.monaco-editor .monaco-editor-overlaymessage { 46 padding-bottom: 8px; 47 z-index: 10000; 48} 49 50@keyframes fadeIn { 51 from { opacity: 0; } 52 to { opacity: 1; } 53} 54.monaco-editor .monaco-editor-overlaymessage.fadeIn { 55 animation: fadeIn 150ms ease-out; 56} 57 58@keyframes fadeOut { 59 from { opacity: 1; } 60 to { opacity: 0; } 61} 62.monaco-editor .monaco-editor-overlaymessage.fadeOut { 63 animation: fadeOut 100ms ease-out; 64} 65 66.monaco-editor .monaco-editor-overlaymessage .message { 67 padding: 1px 4px; 68} 69 70.monaco-editor .monaco-editor-overlaymessage .anchor { 71 width: 0 !important; 72 height: 0 !important; 73 border-color: transparent; 74 border-style: solid; 75 z-index: 1000; 76 border-width: 8px; 77 position: absolute; 78} 79 80/*--------------------------------------------------------------------------------------------- 81 * Copyright (c) Microsoft Corporation. All rights reserved. 82 * Licensed under the MIT License. See License.txt in the project root for license information. 83 *--------------------------------------------------------------------------------------------*/ 84 85.monaco-editor .lightbulb-glyph, 86.monaco-editor .codicon-lightbulb { 87 display: flex; 88 align-items: center; 89 justify-content: center; 90 height: 16px; 91 width: 20px; 92 padding-left: 2px; 93} 94 95.monaco-editor .lightbulb-glyph:hover, 96.monaco-editor .codicon-lightbulb:hover { 97 cursor: pointer; 98 /* transform: scale(1.3, 1.3); */ 99} 100 101/*--------------------------------------------------------------------------------------------- 102 * Copyright (c) Microsoft Corporation. All rights reserved. 103 * Licensed under the MIT License. See License.txt in the project root for license information. 104 *--------------------------------------------------------------------------------------------*/ 105 106.monaco-editor .codelens-decoration { 107 overflow: hidden; 108 display: inline-block; 109 text-overflow: ellipsis; 110} 111 112.monaco-editor .codelens-decoration > span, 113.monaco-editor .codelens-decoration > a { 114 user-select: none; 115 -webkit-user-select: none; 116 -ms-user-select: none; 117 white-space: nowrap; 118 vertical-align: sub; 119} 120 121.monaco-editor .codelens-decoration > a { 122 text-decoration: none; 123} 124 125.monaco-editor .codelens-decoration > a:hover { 126 cursor: pointer; 127} 128 129.monaco-editor .codelens-decoration .codicon { 130 vertical-align: middle; 131 color: currentColor !important; 132} 133 134.monaco-editor .codelens-decoration > a:hover .codicon::before { 135 cursor: pointer; 136} 137 138@keyframes fadein { 139 0% { opacity: 0; visibility: visible;} 140 100% { opacity: 1; } 141} 142 143.monaco-editor .codelens-decoration.fadein { 144 animation: fadein 0.1s linear; 145} 146 147/*--------------------------------------------------------------------------------------------- 148 * Copyright (c) Microsoft Corporation. All rights reserved. 149 * Licensed under the MIT License. See License.txt in the project root for license information. 150 *--------------------------------------------------------------------------------------------*/ 151 152.monaco-action-bar { 153 text-align: right; 154 white-space: nowrap; 155} 156 157.monaco-action-bar .actions-container { 158 display: flex; 159 margin: 0 auto; 160 padding: 0; 161 width: 100%; 162 justify-content: flex-end; 163} 164 165.monaco-action-bar.vertical .actions-container { 166 display: inline-block; 167} 168 169.monaco-action-bar.reverse .actions-container { 170 flex-direction: row-reverse; 171} 172 173.monaco-action-bar .action-item { 174 cursor: pointer; 175 display: inline-block; 176 transition: transform 50ms ease; 177 position: relative; /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */ 178} 179 180.monaco-action-bar .action-item.disabled { 181 cursor: default; 182} 183 184.monaco-action-bar.animated .action-item.active { 185 transform: scale(1.272019649, 1.272019649); /* 1.272019649 = √φ */ 186} 187 188.monaco-action-bar .action-item .icon, 189.monaco-action-bar .action-item .codicon { 190 display: inline-block; 191} 192 193.monaco-action-bar .action-item .codicon { 194 display: flex; 195 align-items: center; 196} 197 198.monaco-action-bar .action-label { 199 font-size: 11px; 200 margin-right: 4px; 201} 202 203.monaco-action-bar .action-item.disabled .action-label, 204.monaco-action-bar .action-item.disabled .action-label:hover { 205 opacity: 0.4; 206} 207 208/* Vertical actions */ 209 210.monaco-action-bar.vertical { 211 text-align: left; 212} 213 214.monaco-action-bar.vertical .action-item { 215 display: block; 216} 217 218.monaco-action-bar.vertical .action-label.separator { 219 display: block; 220 border-bottom: 1px solid #bbb; 221 padding-top: 1px; 222 margin-left: .8em; 223 margin-right: .8em; 224} 225 226.monaco-action-bar.animated.vertical .action-item.active { 227 transform: translate(5px, 0); 228} 229 230.secondary-actions .monaco-action-bar .action-label { 231 margin-left: 6px; 232} 233 234/* Action Items */ 235.monaco-action-bar .action-item.select-container { 236 overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */ 237 flex: 1; 238 max-width: 170px; 239 min-width: 60px; 240 display: flex; 241 align-items: center; 242 justify-content: center; 243 margin-right: 10px; 244} 245 246/*--------------------------------------------------------------------------------------------- 247 * Copyright (c) Microsoft Corporation. All rights reserved. 248 * Licensed under the MIT License. See License.txt in the project root for license information. 249 *--------------------------------------------------------------------------------------------*/ 250 251.monaco-editor.vs .dnd-target { 252 border-right: 2px dotted black; 253 color: white; /* opposite of black */ 254} 255.monaco-editor.vs-dark .dnd-target { 256 border-right: 2px dotted #AEAFAD; 257 color: #51504f; /* opposite of #AEAFAD */ 258} 259.monaco-editor.hc-black .dnd-target { 260 border-right: 2px dotted #fff; 261 color: #000; /* opposite of #fff */ 262} 263 264.monaco-editor.mouse-default .view-lines, 265.monaco-editor.vs-dark.mac.mouse-default .view-lines, 266.monaco-editor.hc-black.mac.mouse-default .view-lines { 267 cursor: default; 268} 269.monaco-editor.mouse-copy .view-lines, 270.monaco-editor.vs-dark.mac.mouse-copy .view-lines, 271.monaco-editor.hc-black.mac.mouse-copy .view-lines { 272 cursor: copy; 273} 274/*--------------------------------------------------------------------------------------------- 275 * Copyright (c) Microsoft Corporation. All rights reserved. 276 * Licensed under the MIT License. See License.txt in the project root for license information. 277 *--------------------------------------------------------------------------------------------*/ 278 279.monaco-custom-checkbox { 280 margin-left: 2px; 281 float: left; 282 cursor: pointer; 283 overflow: hidden; 284 opacity: 0.7; 285 width: 20px; 286 height: 20px; 287 border: 1px solid transparent; 288 padding: 1px; 289 box-sizing: border-box; 290 user-select: none; 291 -webkit-user-select: none; 292 -ms-user-select: none; 293} 294 295.monaco-custom-checkbox:hover, 296.monaco-custom-checkbox.checked { 297 opacity: 1; 298} 299 300.hc-black .monaco-custom-checkbox { 301 background: none; 302} 303 304.hc-black .monaco-custom-checkbox:hover { 305 background: none; 306} 307 308.monaco-custom-checkbox.monaco-simple-checkbox { 309 height: 18px; 310 width: 18px; 311 border: 1px solid transparent; 312 border-radius: 3px; 313 margin-right: 9px; 314 margin-left: 0px; 315 padding: 0px; 316 opacity: 1; 317 background-size: 16px !important; 318} 319 320/* hide check when unchecked */ 321.monaco-custom-checkbox.monaco-simple-checkbox.unchecked:not(.checked)::before { 322 visibility: hidden;; 323} 324 325/*--------------------------------------------------------------------------------------------- 326 * Copyright (c) Microsoft Corporation. All rights reserved. 327 * Licensed under the MIT License. See License.txt in the project root for license information. 328 *--------------------------------------------------------------------------------------------*/ 329 330/* Find widget */ 331.monaco-editor .find-widget { 332 position: absolute; 333 z-index: 50; 334 height: 33px; 335 overflow: hidden; 336 line-height: 19px; 337 transition: transform 200ms linear; 338 padding: 0 4px; 339 box-sizing: border-box; 340 transform: translateY(calc(-100% - 10px)); /* shadow (10px) */ 341} 342 343.monaco-editor .find-widget textarea { 344 margin: 0px; 345} 346 347.monaco-editor .find-widget.hiddenEditor { 348 display: none; 349} 350 351/* Find widget when replace is toggled on */ 352.monaco-editor .find-widget.replaceToggled > .replace-part { 353 display: flex; 354} 355 356.monaco-editor .find-widget.visible { 357 transform: translateY(0); 358} 359 360.monaco-editor .find-widget .monaco-inputbox.synthetic-focus { 361 outline: 1px solid -webkit-focus-ring-color; 362 outline-offset: -1px; 363} 364 365.monaco-editor .find-widget .monaco-inputbox .input { 366 background-color: transparent; 367 min-height: 0; 368} 369 370.monaco-editor .find-widget .monaco-findInput .input { 371 font-size: 13px; 372} 373 374.monaco-editor .find-widget > .find-part, 375.monaco-editor .find-widget > .replace-part { 376 margin: 4px 0 0 17px; 377 font-size: 12px; 378 display: flex; 379} 380 381.monaco-editor .find-widget > .find-part .monaco-inputbox, 382.monaco-editor .find-widget > .replace-part .monaco-inputbox { 383 min-height: 25px; 384} 385 386 387.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { 388 padding-right: 22px; 389} 390 391.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input, 392.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .mirror, 393.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .input, 394.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { 395 padding-top: 2px; 396 padding-bottom: 2px; 397} 398 399.monaco-editor .find-widget > .find-part .find-actions { 400 height: 25px; 401 display: flex; 402 align-items: center; 403} 404 405.monaco-editor .find-widget > .replace-part .replace-actions { 406 height: 25px; 407 display: flex; 408 align-items: center; 409} 410 411.monaco-editor .find-widget .monaco-findInput { 412 vertical-align: middle; 413 display: flex; 414 flex:1; 415} 416 417.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element { 418 /* Make sure textarea inherits the width correctly */ 419 width: 100%; 420} 421 422.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical { 423 /* Hide vertical scrollbar */ 424 opacity: 0; 425} 426 427.monaco-editor .find-widget .matchesCount { 428 display: flex; 429 flex: initial; 430 margin: 0 0 0 3px; 431 padding: 2px 0 0 2px; 432 height: 25px; 433 vertical-align: middle; 434 box-sizing: border-box; 435 text-align: center; 436 line-height: 23px; 437} 438 439.monaco-editor .find-widget .button { 440 width: 20px; 441 height: 20px; 442 display: flex; 443 flex: initial; 444 margin-left: 3px; 445 background-position: center center; 446 background-repeat: no-repeat; 447 cursor: pointer; 448 display: flex; 449 align-items: center; 450 justify-content: center; 451} 452 453.monaco-editor .find-widget .button.left { 454 margin-left: 0; 455 margin-right: 3px; 456} 457 458.monaco-editor .find-widget .button.wide { 459 width: auto; 460 padding: 1px 6px; 461 top: -1px; 462} 463 464.monaco-editor .find-widget .button.toggle { 465 position: absolute; 466 top: 0; 467 left: 3px; 468 width: 18px; 469 height: 100%; 470 box-sizing: border-box; 471} 472 473.monaco-editor .find-widget .button.toggle.disabled { 474 display: none; 475} 476 477.monaco-editor .find-widget .disabled { 478 opacity: 0.3; 479 cursor: default; 480} 481 482.monaco-editor .find-widget > .replace-part { 483 display: none; 484} 485 486.monaco-editor .find-widget > .replace-part > .monaco-findInput { 487 position: relative; 488 display: flex; 489 vertical-align: middle; 490 flex: auto; 491 flex-grow: 0; 492 flex-shrink: 0; 493} 494 495.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls { 496 position: absolute; 497 top: 3px; 498 right: 2px; 499} 500 501/* REDUCED */ 502.monaco-editor .find-widget.reduced-find-widget .matchesCount { 503 display:none; 504} 505 506/* NARROW (SMALLER THAN REDUCED) */ 507.monaco-editor .find-widget.narrow-find-widget { 508 max-width: 257px !important; 509} 510 511/* COLLAPSED (SMALLER THAN NARROW) */ 512.monaco-editor .find-widget.collapsed-find-widget { 513 max-width: 170px !important; 514} 515 516.monaco-editor .find-widget.collapsed-find-widget .button.previous, 517.monaco-editor .find-widget.collapsed-find-widget .button.next, 518.monaco-editor .find-widget.collapsed-find-widget .button.replace, 519.monaco-editor .find-widget.collapsed-find-widget .button.replace-all, 520.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls { 521 display:none; 522} 523 524.monaco-editor .findMatch { 525 animation-duration: 0; 526 animation-name: inherit !important; 527} 528 529.monaco-editor .find-widget .monaco-sash { 530 left: 0 !important; 531} 532 533.monaco-editor.hc-black .find-widget .button:before { 534 position: relative; 535 top: 1px; 536 left: 2px; 537} 538 539/*--------------------------------------------------------------------------------------------- 540 * Copyright (c) Microsoft Corporation. All rights reserved. 541 * Licensed under the MIT License. See License.txt in the project root for license information. 542 *--------------------------------------------------------------------------------------------*/ 543 544.monaco-sash { 545 position: absolute; 546 z-index: 35; 547 touch-action: none; 548} 549 550.monaco-sash.disabled { 551 pointer-events: none; 552} 553 554.monaco-sash.mac.vertical { 555 cursor: col-resize; 556} 557 558.monaco-sash.vertical.minimum { 559 cursor: e-resize; 560} 561 562.monaco-sash.vertical.maximum { 563 cursor: w-resize; 564} 565 566.monaco-sash.mac.horizontal { 567 cursor: row-resize; 568} 569 570.monaco-sash.horizontal.minimum { 571 cursor: s-resize; 572} 573 574.monaco-sash.horizontal.maximum { 575 cursor: n-resize; 576} 577 578.monaco-sash.disabled { 579 cursor: default !important; 580 pointer-events: none !important; 581} 582 583/** Debug **/ 584 585.monaco-sash.debug { 586 background: cyan; 587} 588 589.monaco-sash.debug.disabled { 590 background: rgba(0, 255, 255, 0.2); 591} 592 593.monaco-sash.debug:not(.disabled).orthogonal-start::before, 594.monaco-sash.debug:not(.disabled).orthogonal-end::after { 595 background: red; 596} 597 598/*--------------------------------------------------------------------------------------------- 599 * Copyright (c) Microsoft Corporation. All rights reserved. 600 * Licensed under the MIT License. See License.txt in the project root for license information. 601 *--------------------------------------------------------------------------------------------*/ 602/* ---------- Find input ---------- */ 603 604.monaco-findInput { 605 position: relative; 606} 607 608.monaco-findInput .monaco-inputbox { 609 font-size: 13px; 610 width: 100%; 611} 612 613.monaco-findInput > .controls { 614 position: absolute; 615 top: 3px; 616 right: 2px; 617} 618 619.vs .monaco-findInput.disabled { 620 background-color: #E1E1E1; 621} 622 623/* Theming */ 624.vs-dark .monaco-findInput.disabled { 625 background-color: #333; 626} 627 628/* Highlighting */ 629.monaco-findInput.highlight-0 .controls { 630 animation: monaco-findInput-highlight-0 100ms linear 0s; 631} 632.monaco-findInput.highlight-1 .controls { 633 animation: monaco-findInput-highlight-1 100ms linear 0s; 634} 635.hc-black .monaco-findInput.highlight-0 .controls, 636.vs-dark .monaco-findInput.highlight-0 .controls { 637 animation: monaco-findInput-highlight-dark-0 100ms linear 0s; 638} 639.hc-black .monaco-findInput.highlight-1 .controls, 640.vs-dark .monaco-findInput.highlight-1 .controls { 641 animation: monaco-findInput-highlight-dark-1 100ms linear 0s; 642} 643 644@keyframes monaco-findInput-highlight-0 { 645 0% { background: rgba(253, 255, 0, 0.8); } 646 100% { background: transparent; } 647} 648@keyframes monaco-findInput-highlight-1 { 649 0% { background: rgba(253, 255, 0, 0.8); } 650 /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ 651 99% { background: transparent; } 652} 653 654@keyframes monaco-findInput-highlight-dark-0 { 655 0% { background: rgba(255, 255, 255, 0.44); } 656 100% { background: transparent; } 657} 658@keyframes monaco-findInput-highlight-dark-1 { 659 0% { background: rgba(255, 255, 255, 0.44); } 660 /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ 661 99% { background: transparent; } 662} 663/*--------------------------------------------------------------------------------------------- 664 * Copyright (c) Microsoft Corporation. All rights reserved. 665 * Licensed under the MIT License. See License.txt in the project root for license information. 666 *--------------------------------------------------------------------------------------------*/ 667 668.monaco-inputbox { 669 position: relative; 670 display: block; 671 padding: 0; 672 box-sizing: border-box; 673 674 /* Customizable */ 675 font-size: inherit; 676} 677 678.monaco-inputbox.idle { 679 border: 1px solid transparent; 680} 681 682.monaco-inputbox > .wrapper > .input, 683.monaco-inputbox > .wrapper > .mirror { 684 685 /* Customizable */ 686 padding: 4px; 687} 688 689.monaco-inputbox > .wrapper { 690 position: relative; 691 width: 100%; 692 height: 100%; 693} 694 695.monaco-inputbox > .wrapper > .input { 696 display: inline-block; 697 box-sizing: border-box; 698 width: 100%; 699 height: 100%; 700 line-height: inherit; 701 border: none; 702 font-family: inherit; 703 font-size: inherit; 704 resize: none; 705 color: inherit; 706} 707 708.monaco-inputbox > .wrapper > input { 709 text-overflow: ellipsis; 710} 711 712.monaco-inputbox > .wrapper > textarea.input { 713 display: block; 714 -ms-overflow-style: none; /* IE 10+: hide scrollbars */ 715 scrollbar-width: none; /* Firefox: hide scrollbars */ 716 outline: none; 717} 718 719.monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar { 720 display: none; /* Chrome + Safari: hide scrollbar */ 721} 722 723.monaco-inputbox > .wrapper > textarea.input.empty { 724 white-space: nowrap; 725} 726 727.monaco-inputbox > .wrapper > .mirror { 728 position: absolute; 729 display: inline-block; 730 width: 100%; 731 top: 0; 732 left: 0; 733 box-sizing: border-box; 734 white-space: pre-wrap; 735 visibility: hidden; 736 word-wrap: break-word; 737} 738 739/* Context view */ 740 741.monaco-inputbox-container { 742 text-align: right; 743} 744 745.monaco-inputbox-container .monaco-inputbox-message { 746 display: inline-block; 747 overflow: hidden; 748 text-align: left; 749 width: 100%; 750 box-sizing: border-box; 751 padding: 0.4em; 752 font-size: 12px; 753 line-height: 17px; 754 min-height: 34px; 755 margin-top: -1px; 756 word-wrap: break-word; 757} 758 759/* Action bar support */ 760.monaco-inputbox .monaco-action-bar { 761 position: absolute; 762 right: 2px; 763 top: 4px; 764} 765 766.monaco-inputbox .monaco-action-bar .action-item { 767 margin-left: 2px; 768} 769 770.monaco-inputbox .monaco-action-bar .action-item .codicon { 771 background-repeat: no-repeat; 772 width: 16px; 773 height: 16px; 774} 775 776/*--------------------------------------------------------------------------------------------- 777 * Copyright (c) Microsoft Corporation. All rights reserved. 778 * Licensed under the MIT License. See License.txt in the project root for license information. 779 *--------------------------------------------------------------------------------------------*/ 780 781/* Arrows */ 782.monaco-scrollable-element > .scrollbar > .scra { 783 cursor: pointer; 784 font-size: 11px !important; 785} 786 787.monaco-scrollable-element > .visible { 788 opacity: 1; 789 790 /* Background rule added for IE9 - to allow clicks on dom node */ 791 background:rgba(0,0,0,0); 792 793 transition: opacity 100ms linear; 794} 795.monaco-scrollable-element > .invisible { 796 opacity: 0; 797 pointer-events: none; 798} 799.monaco-scrollable-element > .invisible.fade { 800 transition: opacity 800ms linear; 801} 802 803/* Scrollable Content Inset Shadow */ 804.monaco-scrollable-element > .shadow { 805 position: absolute; 806 display: none; 807} 808.monaco-scrollable-element > .shadow.top { 809 display: block; 810 top: 0; 811 left: 3px; 812 height: 3px; 813 width: 100%; 814 box-shadow: #DDD 0 6px 6px -6px inset; 815} 816.monaco-scrollable-element > .shadow.left { 817 display: block; 818 top: 3px; 819 left: 0; 820 height: 100%; 821 width: 3px; 822 box-shadow: #DDD 6px 0 6px -6px inset; 823} 824.monaco-scrollable-element > .shadow.top-left-corner { 825 display: block; 826 top: 0; 827 left: 0; 828 height: 3px; 829 width: 3px; 830} 831.monaco-scrollable-element > .shadow.top.left { 832 box-shadow: #DDD 6px 6px 6px -6px inset; 833} 834 835/* ---------- Default Style ---------- */ 836 837.vs .monaco-scrollable-element > .scrollbar > .slider { 838 background: rgba(100, 100, 100, .4); 839} 840.vs-dark .monaco-scrollable-element > .scrollbar > .slider { 841 background: rgba(121, 121, 121, .4); 842} 843.hc-black .monaco-scrollable-element > .scrollbar > .slider { 844 background: rgba(111, 195, 223, .6); 845} 846 847.monaco-scrollable-element > .scrollbar > .slider:hover { 848 background: rgba(100, 100, 100, .7); 849} 850.hc-black .monaco-scrollable-element > .scrollbar > .slider:hover { 851 background: rgba(111, 195, 223, .8); 852} 853 854.monaco-scrollable-element > .scrollbar > .slider.active { 855 background: rgba(0, 0, 0, .6); 856} 857.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active { 858 background: rgba(191, 191, 191, .4); 859} 860.hc-black .monaco-scrollable-element > .scrollbar > .slider.active { 861 background: rgba(111, 195, 223, 1); 862} 863 864.vs-dark .monaco-scrollable-element .shadow.top { 865 box-shadow: none; 866} 867 868.vs-dark .monaco-scrollable-element .shadow.left { 869 box-shadow: #000 6px 0 6px -6px inset; 870} 871 872.vs-dark .monaco-scrollable-element .shadow.top.left { 873 box-shadow: #000 6px 6px 6px -6px inset; 874} 875 876.hc-black .monaco-scrollable-element .shadow.top { 877 box-shadow: none; 878} 879 880.hc-black .monaco-scrollable-element .shadow.left { 881 box-shadow: none; 882} 883 884.hc-black .monaco-scrollable-element .shadow.top.left { 885 box-shadow: none; 886} 887 888/*--------------------------------------------------------------------------------------------- 889 * Copyright (c) Microsoft Corporation. All rights reserved. 890 * Licensed under the MIT License. See License.txt in the project root for license information. 891 *--------------------------------------------------------------------------------------------*/ 892 893.monaco-editor .margin-view-overlays .codicon-folding-expanded, 894.monaco-editor .margin-view-overlays .codicon-folding-collapsed { 895 cursor: pointer; 896 opacity: 0; 897 transition: opacity 0.5s; 898 display: flex; 899 align-items: center; 900 justify-content: center; 901 font-size: 140%; 902 margin-left: 2px; 903} 904 905.monaco-editor .margin-view-overlays:hover .codicon, 906.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed, 907.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons { 908 opacity: 1; 909} 910 911.monaco-editor .inline-folded:after { 912 color: grey; 913 margin: 0.1em 0.2em 0 0.2em; 914 content: "⋯"; 915 display: inline; 916 line-height: 1em; 917 cursor: pointer; 918} 919 920/*--------------------------------------------------------------------------------------------- 921 * Copyright (c) Microsoft Corporation. All rights reserved. 922 * Licensed under the MIT License. See License.txt in the project root for license information. 923 *--------------------------------------------------------------------------------------------*/ 924 925/* marker zone */ 926 927.monaco-editor .peekview-widget .head .peekview-title .severity-icon { 928 display: inline-block; 929 vertical-align: text-top; 930 margin-right: 4px; 931} 932 933.monaco-editor .marker-widget { 934 text-overflow: ellipsis; 935 white-space: nowrap; 936} 937 938.monaco-editor .marker-widget > .stale { 939 opacity: 0.6; 940 font-style: italic; 941} 942 943.monaco-editor .marker-widget .title { 944 display: inline-block; 945 padding-right: 5px; 946} 947 948.monaco-editor .marker-widget .descriptioncontainer { 949 position: absolute; 950 white-space: pre; 951 user-select: text; 952 -webkit-user-select: text; 953 -ms-user-select: text; 954 padding: 8px 12px 0 20px; 955} 956 957.monaco-editor .marker-widget .descriptioncontainer .message { 958 display: flex; 959 flex-direction: column; 960} 961 962.monaco-editor .marker-widget .descriptioncontainer .message .details { 963 padding-left: 6px; 964} 965 966.monaco-editor .marker-widget .descriptioncontainer .message .source, 967.monaco-editor .marker-widget .descriptioncontainer .message span.code { 968 opacity: 0.6; 969} 970 971.monaco-editor .marker-widget .descriptioncontainer .message a.code-link { 972 opacity: 0.6; 973 color: inherit; 974} 975.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before { 976 content: '('; 977} 978.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after { 979 content: ')'; 980} 981.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span { 982 text-decoration: underline; 983 /** Hack to force underline to show **/ 984 border-bottom: 1px solid transparent; 985 text-underline-position: under; 986} 987 988.monaco-editor .marker-widget .descriptioncontainer .filename { 989 cursor: pointer; 990} 991 992/*--------------------------------------------------------------------------------------------- 993 * Copyright (c) Microsoft Corporation. All rights reserved. 994 * Licensed under the MIT License. See License.txt in the project root for license information. 995 *--------------------------------------------------------------------------------------------*/ 996 997.monaco-editor .peekview-widget .head { 998 box-sizing: border-box; 999 display: flex; 1000} 1001 1002.monaco-editor .peekview-widget .head .peekview-title { 1003 display: flex; 1004 align-items: center; 1005 font-size: 13px; 1006 margin-left: 20px; 1007 cursor: pointer; 1008 min-width: 0; 1009} 1010 1011.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) { 1012 font-size: 0.9em; 1013 margin-left: 0.5em; 1014} 1015 1016.monaco-editor .peekview-widget .head .peekview-title .meta { 1017 white-space: nowrap; 1018} 1019 1020.monaco-editor .peekview-widget .head .peekview-title .dirname { 1021 white-space: nowrap; 1022} 1023 1024.monaco-editor .peekview-widget .head .peekview-title .filename { 1025 overflow: hidden; 1026 text-overflow: ellipsis; 1027} 1028 1029.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before { 1030 content: '-'; 1031 padding: 0 0.3em; 1032} 1033 1034.monaco-editor .peekview-widget .head .peekview-actions { 1035 flex: 1; 1036 text-align: right; 1037 padding-right: 2px; 1038} 1039 1040.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar { 1041 display: inline-block; 1042} 1043 1044.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar, 1045.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container { 1046 height: 100%; 1047} 1048 1049.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-item { 1050 margin-left: 4px; 1051} 1052 1053.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label { 1054 width: 16px; 1055 height: 100%; 1056 margin: 0; 1057 line-height: inherit; 1058 background-repeat: no-repeat; 1059 background-position: center center; 1060} 1061 1062.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label.codicon { 1063 margin: 0; 1064} 1065 1066.monaco-editor .peekview-widget > .body { 1067 border-top: 1px solid; 1068 position: relative; 1069} 1070 1071.monaco-editor .peekview-widget .head .peekview-title .codicon { 1072 margin-right: 4px; 1073} 1074 1075/*--------------------------------------------------------------------------------------------- 1076 * Copyright (c) Microsoft Corporation. All rights reserved. 1077 * Licensed under the MIT License. See License.txt in the project root for license information. 1078 *--------------------------------------------------------------------------------------------*/ 1079 1080/* -------------------- IE10 remove auto clear button -------------------- */ 1081 1082::-ms-clear { 1083 display: none; 1084} 1085 1086/* All widgets */ 1087/* I am not a big fan of this rule */ 1088.monaco-editor .editor-widget input { 1089 color: inherit; 1090} 1091 1092/* -------------------- Editor -------------------- */ 1093 1094.monaco-editor { 1095 position: relative; 1096 overflow: visible; 1097 -webkit-text-size-adjust: 100%; 1098} 1099 1100/* -------------------- Misc -------------------- */ 1101 1102.monaco-editor .overflow-guard { 1103 position: relative; 1104 overflow: hidden; 1105} 1106 1107.monaco-editor .view-overlays { 1108 position: absolute; 1109 top: 0; 1110} 1111 1112/* 1113.monaco-editor .auto-closed-character { 1114 opacity: 0.3; 1115} 1116*/ 1117 1118/*--------------------------------------------------------------------------------------------- 1119 * Copyright (c) Microsoft Corporation. All rights reserved. 1120 * Licensed under the MIT License. See License.txt in the project root for license information. 1121 *--------------------------------------------------------------------------------------------*/ 1122 1123.monaco-editor .inputarea { 1124 min-width: 0; 1125 min-height: 0; 1126 margin: 0; 1127 padding: 0; 1128 position: absolute; 1129 outline: none !important; 1130 resize: none; 1131 border: none; 1132 overflow: hidden; 1133 color: transparent; 1134 background-color: transparent; 1135} 1136/*.monaco-editor .inputarea { 1137 position: fixed !important; 1138 width: 800px !important; 1139 height: 500px !important; 1140 top: initial !important; 1141 left: initial !important; 1142 bottom: 0 !important; 1143 right: 0 !important; 1144 color: black !important; 1145 background: white !important; 1146 line-height: 15px !important; 1147 font-size: 14px !important; 1148}*/ 1149.monaco-editor .inputarea.ime-input { 1150 z-index: 10; 1151} 1152 1153/*--------------------------------------------------------------------------------------------- 1154 * Copyright (c) Microsoft Corporation. All rights reserved. 1155 * Licensed under the MIT License. See License.txt in the project root for license information. 1156 *--------------------------------------------------------------------------------------------*/ 1157 1158.monaco-editor .margin-view-overlays .line-numbers { 1159 font-variant-numeric: tabular-nums; 1160 position: absolute; 1161 text-align: right; 1162 display: inline-block; 1163 vertical-align: middle; 1164 box-sizing: border-box; 1165 cursor: default; 1166 height: 100%; 1167} 1168 1169.monaco-editor .relative-current-line-number { 1170 text-align: left; 1171 display: inline-block; 1172 width: 100%; 1173} 1174 1175.monaco-editor .margin-view-overlays .line-numbers.lh-odd { 1176 margin-top: 1px; 1177} 1178 1179/*--------------------------------------------------------------------------------------------- 1180 * Copyright (c) Microsoft Corporation. All rights reserved. 1181 * Licensed under the MIT License. See License.txt in the project root for license information. 1182 *--------------------------------------------------------------------------------------------*/ 1183 1184.monaco-mouse-cursor-text { 1185 cursor: text; 1186} 1187 1188/* The following selector looks a bit funny, but that is needed to cover all the workbench and the editor!! */ 1189.vs-dark .mac .monaco-mouse-cursor-text, .hc-black .mac .monaco-mouse-cursor-text, 1190.vs-dark.mac .monaco-mouse-cursor-text, .hc-black.mac .monaco-mouse-cursor-text { 1191 cursor: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgCD3x//9/BhBYBWdhgFVAiVW4JBFKGIa4AqD0//9D3pt4I4tAdAMAHTQ/j5Zom30AAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAz0lEQVRIx2NgYGBY/R8I/vx5eelX3n82IJ9FxGf6tksvf/8FiTMQAcAGQMDvSwu09abffY8QYSAScNk45G198eX//yev73/4///701eh//kZSARckrNBRvz//+8+6ZohwCzjGNjdgQxkAg7B9WADeBjIBqtJCbhRA0YNoIkBSNmaPEMoNmA0FkYNoFKhapJ6FGyAH3nauaSmPfwI0v/3OukVi0CIZ+F25KrtYcx/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC) 2x) 5 8, text; 1192} 1193 1194/*--------------------------------------------------------------------------------------------- 1195 * Copyright (c) Microsoft Corporation. All rights reserved. 1196 * Licensed under the MIT License. See License.txt in the project root for license information. 1197 *--------------------------------------------------------------------------------------------*/ 1198 1199.monaco-editor .view-overlays .current-line { 1200 display: block; 1201 position: absolute; 1202 left: 0; 1203 top: 0; 1204 box-sizing: border-box; 1205} 1206 1207.monaco-editor .margin-view-overlays .current-line { 1208 display: block; 1209 position: absolute; 1210 left: 0; 1211 top: 0; 1212 box-sizing: border-box; 1213} 1214 1215.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both { 1216 border-right: 0; 1217} 1218 1219/*--------------------------------------------------------------------------------------------- 1220 * Copyright (c) Microsoft Corporation. All rights reserved. 1221 * Licensed under the MIT License. See License.txt in the project root for license information. 1222 *--------------------------------------------------------------------------------------------*/ 1223 1224/* 1225 Keeping name short for faster parsing. 1226 cdr = core decorations rendering (div) 1227*/ 1228.monaco-editor .lines-content .cdr { 1229 position: absolute; 1230} 1231/*--------------------------------------------------------------------------------------------- 1232 * Copyright (c) Microsoft Corporation. All rights reserved. 1233 * Licensed under the MIT License. See License.txt in the project root for license information. 1234 *--------------------------------------------------------------------------------------------*/ 1235 1236.monaco-editor .glyph-margin { 1237 position: absolute; 1238 top: 0; 1239} 1240 1241/* 1242 Keeping name short for faster parsing. 1243 cgmr = core glyph margin rendering (div) 1244*/ 1245.monaco-editor .margin-view-overlays .cgmr { 1246 position: absolute; 1247 display: flex; 1248 align-items: center; 1249 justify-content: center; 1250} 1251 1252/*--------------------------------------------------------------------------------------------- 1253 * Copyright (c) Microsoft Corporation. All rights reserved. 1254 * Licensed under the MIT License. See License.txt in the project root for license information. 1255 *--------------------------------------------------------------------------------------------*/ 1256 1257/* 1258 Keeping name short for faster parsing. 1259 cigr = core ident guides rendering (div) 1260*/ 1261.monaco-editor .lines-content .cigr { 1262 position: absolute; 1263} 1264.monaco-editor .lines-content .cigra { 1265 position: absolute; 1266} 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/* Uncomment to see lines flashing when they're painted */ 1274/*.monaco-editor .view-lines > .view-line { 1275 background-color: none; 1276 animation-name: flash-background; 1277 animation-duration: 800ms; 1278} 1279@keyframes flash-background { 1280 0% { background-color: lightgreen; } 1281 100% { background-color: none } 1282}*/ 1283 1284.monaco-editor.no-user-select .lines-content, 1285.monaco-editor.no-user-select .view-line, 1286.monaco-editor.no-user-select .view-lines { 1287 user-select: none; 1288 -webkit-user-select: none; 1289 -ms-user-select: none; 1290} 1291 1292.monaco-editor .view-lines { 1293 white-space: nowrap; 1294} 1295 1296.monaco-editor .view-line { 1297 position: absolute; 1298 width: 100%; 1299} 1300 1301.monaco-editor .mtkz { 1302 display: inline-block; 1303} 1304 1305/* TODO@tokenization bootstrap fix */ 1306/*.monaco-editor .view-line > span > span { 1307 float: none; 1308 min-height: inherit; 1309 margin-left: inherit; 1310}*/ 1311 1312/*--------------------------------------------------------------------------------------------- 1313 * Copyright (c) Microsoft Corporation. All rights reserved. 1314 * Licensed under the MIT License. See License.txt in the project root for license information. 1315 *--------------------------------------------------------------------------------------------*/ 1316.monaco-editor .lines-decorations { 1317 position: absolute; 1318 top: 0; 1319 background: white; 1320} 1321 1322/* 1323 Keeping name short for faster parsing. 1324 cldr = core lines decorations rendering (div) 1325*/ 1326.monaco-editor .margin-view-overlays .cldr { 1327 position: absolute; 1328 height: 100%; 1329} 1330/*--------------------------------------------------------------------------------------------- 1331 * Copyright (c) Microsoft Corporation. All rights reserved. 1332 * Licensed under the MIT License. See License.txt in the project root for license information. 1333 *--------------------------------------------------------------------------------------------*/ 1334 1335/* 1336 Keeping name short for faster parsing. 1337 cmdr = core margin decorations rendering (div) 1338*/ 1339.monaco-editor .margin-view-overlays .cmdr { 1340 position: absolute; 1341 left: 0; 1342 width: 100%; 1343 height: 100%; 1344} 1345/*--------------------------------------------------------------------------------------------- 1346 * Copyright (c) Microsoft Corporation. All rights reserved. 1347 * Licensed under the MIT License. See License.txt in the project root for license information. 1348 *--------------------------------------------------------------------------------------------*/ 1349 1350/* START cover the case that slider is visible on mouseover */ 1351.monaco-editor .minimap.slider-mouseover .minimap-slider { 1352 opacity: 0; 1353 transition: opacity 100ms linear; 1354} 1355.monaco-editor .minimap.slider-mouseover:hover .minimap-slider { 1356 opacity: 1; 1357} 1358.monaco-editor .minimap.slider-mouseover .minimap-slider.active { 1359 opacity: 1; 1360} 1361/* END cover the case that slider is visible on mouseover */ 1362 1363.monaco-editor .minimap-shadow-hidden { 1364 position: absolute; 1365 width: 0; 1366} 1367.monaco-editor .minimap-shadow-visible { 1368 position: absolute; 1369 left: -6px; 1370 width: 6px; 1371} 1372 1373/*--------------------------------------------------------------------------------------------- 1374 * Copyright (c) Microsoft Corporation. All rights reserved. 1375 * Licensed under the MIT License. See License.txt in the project root for license information. 1376 *--------------------------------------------------------------------------------------------*/ 1377.monaco-editor .overlayWidgets { 1378 position: absolute; 1379 top: 0; 1380 left:0; 1381} 1382/*--------------------------------------------------------------------------------------------- 1383 * Copyright (c) Microsoft Corporation. All rights reserved. 1384 * Licensed under the MIT License. See License.txt in the project root for license information. 1385 *--------------------------------------------------------------------------------------------*/ 1386 1387.monaco-editor .view-ruler { 1388 position: absolute; 1389 top: 0; 1390} 1391/*--------------------------------------------------------------------------------------------- 1392 * Copyright (c) Microsoft Corporation. All rights reserved. 1393 * Licensed under the MIT License. See License.txt in the project root for license information. 1394 *--------------------------------------------------------------------------------------------*/ 1395 1396.monaco-editor .scroll-decoration { 1397 position: absolute; 1398 top: 0; 1399 left: 0; 1400 height: 6px; 1401} 1402/*--------------------------------------------------------------------------------------------- 1403 * Copyright (c) Microsoft Corporation. All rights reserved. 1404 * Licensed under the MIT License. See License.txt in the project root for license information. 1405 *--------------------------------------------------------------------------------------------*/ 1406 1407/* 1408 Keeping name short for faster parsing. 1409 cslr = core selections layer rendering (div) 1410*/ 1411.monaco-editor .lines-content .cslr { 1412 position: absolute; 1413} 1414 1415.monaco-editor .top-left-radius { border-top-left-radius: 3px; } 1416.monaco-editor .bottom-left-radius { border-bottom-left-radius: 3px; } 1417.monaco-editor .top-right-radius { border-top-right-radius: 3px; } 1418.monaco-editor .bottom-right-radius { border-bottom-right-radius: 3px; } 1419 1420.monaco-editor.hc-black .top-left-radius { border-top-left-radius: 0; } 1421.monaco-editor.hc-black .bottom-left-radius { border-bottom-left-radius: 0; } 1422.monaco-editor.hc-black .top-right-radius { border-top-right-radius: 0; } 1423.monaco-editor.hc-black .bottom-right-radius { border-bottom-right-radius: 0; } 1424 1425/*--------------------------------------------------------------------------------------------- 1426 * Copyright (c) Microsoft Corporation. All rights reserved. 1427 * Licensed under the MIT License. See License.txt in the project root for license information. 1428 *--------------------------------------------------------------------------------------------*/ 1429.monaco-editor .cursors-layer { 1430 position: absolute; 1431 top: 0; 1432} 1433 1434.monaco-editor .cursors-layer > .cursor { 1435 position: absolute; 1436 overflow: hidden; 1437} 1438 1439/* -- smooth-caret-animation -- */ 1440.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor { 1441 transition: all 80ms; 1442} 1443 1444/* -- block-outline-style -- */ 1445.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor { 1446 box-sizing: border-box; 1447 background: transparent !important; 1448 border-style: solid; 1449 border-width: 1px; 1450} 1451 1452/* -- underline-style -- */ 1453.monaco-editor .cursors-layer.cursor-underline-style > .cursor { 1454 border-bottom-width: 2px; 1455 border-bottom-style: solid; 1456 background: transparent !important; 1457 box-sizing: border-box; 1458} 1459 1460/* -- underline-thin-style -- */ 1461.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor { 1462 border-bottom-width: 1px; 1463 border-bottom-style: solid; 1464 background: transparent !important; 1465 box-sizing: border-box; 1466} 1467 1468@keyframes monaco-cursor-smooth { 1469 0%, 1470 20% { 1471 opacity: 1; 1472 } 1473 60%, 1474 100% { 1475 opacity: 0; 1476 } 1477} 1478 1479@keyframes monaco-cursor-phase { 1480 0%, 1481 20% { 1482 opacity: 1; 1483 } 1484 90%, 1485 100% { 1486 opacity: 0; 1487 } 1488} 1489 1490@keyframes monaco-cursor-expand { 1491 0%, 1492 20% { 1493 transform: scaleY(1); 1494 } 1495 80%, 1496 100% { 1497 transform: scaleY(0); 1498 } 1499} 1500 1501.cursor-smooth { 1502 animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate; 1503} 1504 1505.cursor-phase { 1506 animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate; 1507} 1508 1509.cursor-expand > .cursor { 1510 animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate; 1511} 1512 1513/*--------------------------------------------------------------------------------------------- 1514 * Copyright (c) Microsoft Corporation. All rights reserved. 1515 * Licensed under the MIT License. See License.txt in the project root for license information. 1516 *--------------------------------------------------------------------------------------------*/ 1517.monaco-editor .zone-widget { 1518 position: absolute; 1519 z-index: 10; 1520} 1521 1522 1523.monaco-editor .zone-widget .zone-widget-container { 1524 border-top-style: solid; 1525 border-bottom-style: solid; 1526 border-top-width: 0; 1527 border-bottom-width: 0; 1528 position: relative; 1529} 1530 1531/*--------------------------------------------------------------------------------------------- 1532 * Copyright (c) Microsoft Corporation. All rights reserved. 1533 * Licensed under the MIT License. See License.txt in the project root for license information. 1534 *--------------------------------------------------------------------------------------------*/ 1535 1536.monaco-dropdown { 1537 height: 100%; 1538 padding: 0; 1539} 1540 1541.monaco-dropdown > .dropdown-label { 1542 cursor: pointer; 1543 height: 100%; 1544} 1545 1546/*--------------------------------------------------------------------------------------------- 1547 * Copyright (c) Microsoft Corporation. All rights reserved. 1548 * Licensed under the MIT License. See License.txt in the project root for license information. 1549 *--------------------------------------------------------------------------------------------*/ 1550 1551/* -- zone widget */ 1552.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget { 1553 border-top-width: 1px; 1554 border-bottom-width: 1px; 1555} 1556 1557.monaco-editor .reference-zone-widget .inline { 1558 display: inline-block; 1559 vertical-align: top; 1560} 1561 1562.monaco-editor .reference-zone-widget .messages { 1563 height: 100%; 1564 width: 100%; 1565 text-align: center; 1566 padding: 3em 0; 1567} 1568 1569.monaco-editor .reference-zone-widget .ref-tree { 1570 line-height: 23px; 1571} 1572 1573.monaco-editor .reference-zone-widget .ref-tree .reference { 1574 text-overflow: ellipsis; 1575 overflow: hidden; 1576} 1577 1578.monaco-editor .reference-zone-widget .ref-tree .reference-file { 1579 display: inline-flex; 1580 width: 100%; 1581 height: 100%; 1582} 1583 1584.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file { 1585 color: inherit !important; 1586} 1587 1588.monaco-editor .reference-zone-widget .ref-tree .reference-file .count { 1589 margin-right: 12px; 1590 margin-left: auto; 1591} 1592 1593/* High Contrast Theming */ 1594 1595.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file { 1596 font-weight: bold; 1597} 1598 1599/*--------------------------------------------------------------------------------------------- 1600 * Copyright (c) Microsoft Corporation. All rights reserved. 1601 * Licensed under the MIT License. See License.txt in the project root for license information. 1602 *--------------------------------------------------------------------------------------------*/ 1603 1604/* ---------- Icon label ---------- */ 1605 1606.monaco-icon-label { 1607 display: flex; /* required for icons support :before rule */ 1608 overflow: hidden; 1609 text-overflow: ellipsis; 1610} 1611 1612.monaco-icon-label::before { 1613 1614 /* svg icons rendered as background image */ 1615 background-size: 16px; 1616 background-position: left center; 1617 background-repeat: no-repeat; 1618 padding-right: 6px; 1619 width: 16px; 1620 height: 22px; 1621 line-height: inherit !important; 1622 display: inline-block; 1623 1624 /* fonts icons */ 1625 -webkit-font-smoothing: antialiased; 1626 -moz-osx-font-smoothing: grayscale; 1627 vertical-align: top; 1628 1629 flex-shrink: 0; /* fix for https://github.com/Microsoft/vscode/issues/13787 */ 1630} 1631 1632.monaco-icon-label > .monaco-icon-label-container { 1633 min-width: 0; 1634 overflow: hidden; 1635 text-overflow: ellipsis; 1636 flex: 1; 1637} 1638 1639.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name { 1640 color: inherit; 1641 white-space: pre; /* enable to show labels that include multiple whitespaces */ 1642} 1643 1644.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator { 1645 margin: 0 2px; 1646 opacity: 0.5; 1647} 1648 1649.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { 1650 opacity: .7; 1651 margin-left: 0.5em; 1652 font-size: 0.9em; 1653 white-space: pre; /* enable to show labels that include multiple whitespaces */ 1654} 1655 1656.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { 1657 opacity: .95; 1658} 1659 1660.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name, 1661.monaco-icon-label.italic > .monaco-icon-description-container > .label-description { 1662 font-style: italic; 1663} 1664 1665.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name, 1666.monaco-icon-label.strikethrough > .monaco-icon-description-container > .label-description { 1667 text-decoration: line-through; 1668} 1669 1670.monaco-icon-label::after { 1671 opacity: 0.75; 1672 font-size: 90%; 1673 font-weight: 600; 1674 padding: 0 16px 0 5px; 1675 text-align: center; 1676} 1677 1678/* make sure selection color wins when a label is being selected */ 1679.monaco-list:focus .selected .monaco-icon-label, /* list */ 1680.monaco-list:focus .selected .monaco-icon-label::after 1681{ 1682 color: inherit !important; 1683} 1684 1685.monaco-list-row.focused.selected .label-description, 1686.monaco-list-row.selected .label-description { 1687 opacity: .8; 1688} 1689 1690/*--------------------------------------------------------------------------------------------- 1691 * Copyright (c) Microsoft Corporation. All rights reserved. 1692 * Licensed under the MIT License. See License.txt in the project root for license information. 1693 *--------------------------------------------------------------------------------------------*/ 1694 1695.monaco-count-badge { 1696 padding: 3px 6px; 1697 border-radius: 11px; 1698 font-size: 11px; 1699 min-width: 18px; 1700 min-height: 18px; 1701 line-height: 11px; 1702 font-weight: normal; 1703 text-align: center; 1704 display: inline-block; 1705 box-sizing: border-box; 1706} 1707 1708.monaco-count-badge.long { 1709 padding: 2px 3px; 1710 border-radius: 2px; 1711 min-height: auto; 1712 line-height: normal; 1713} 1714 1715/*--------------------------------------------------------------------------------------------- 1716 * Copyright (c) Microsoft Corporation. All rights reserved. 1717 * Licensed under the MIT License. See License.txt in the project root for license information. 1718 *--------------------------------------------------------------------------------------------*/ 1719 1720.monaco-list { 1721 position: relative; 1722 height: 100%; 1723 width: 100%; 1724 white-space: nowrap; 1725} 1726 1727.monaco-list.mouse-support { 1728 user-select: none; 1729 -webkit-user-select: none; 1730 -ms-user-select: none; 1731} 1732 1733.monaco-list > .monaco-scrollable-element { 1734 height: 100%; 1735} 1736 1737.monaco-list-rows { 1738 position: relative; 1739 width: 100%; 1740 height: 100%; 1741} 1742 1743.monaco-list.horizontal-scrolling .monaco-list-rows { 1744 width: auto; 1745 min-width: 100%; 1746} 1747 1748.monaco-list-row { 1749 position: absolute; 1750 box-sizing: border-box; 1751 overflow: hidden; 1752 width: 100%; 1753} 1754 1755.monaco-list.mouse-support .monaco-list-row { 1756 cursor: pointer; 1757 touch-action: none; 1758} 1759 1760/* for OS X ballistic scrolling */ 1761.monaco-list-row.scrolling { 1762 display: none !important; 1763} 1764 1765/* Focus */ 1766.monaco-list.element-focused, .monaco-list.selection-single, .monaco-list.selection-multiple { 1767 outline: 0 !important; 1768} 1769 1770.monaco-list:focus .monaco-list-row.selected .codicon { 1771 color: inherit; 1772} 1773 1774/* Dnd */ 1775.monaco-drag-image { 1776 display: inline-block; 1777 padding: 1px 7px; 1778 border-radius: 10px; 1779 font-size: 12px; 1780 position: absolute; 1781} 1782 1783/* Type filter */ 1784 1785.monaco-list-type-filter { 1786 display: flex; 1787 align-items: center; 1788 position: absolute; 1789 border-radius: 2px; 1790 padding: 0px 3px; 1791 max-width: calc(100% - 10px); 1792 text-overflow: ellipsis; 1793 overflow: hidden; 1794 text-align: right; 1795 box-sizing: border-box; 1796 cursor: all-scroll; 1797 font-size: 13px; 1798 line-height: 18px; 1799 height: 20px; 1800 z-index: 1; 1801 top: 4px; 1802} 1803 1804.monaco-list-type-filter.dragging { 1805 transition: top 0.2s, left 0.2s; 1806} 1807 1808.monaco-list-type-filter.ne { 1809 right: 4px; 1810} 1811 1812.monaco-list-type-filter.nw { 1813 left: 4px; 1814} 1815 1816.monaco-list-type-filter > .controls { 1817 display: flex; 1818 align-items: center; 1819 box-sizing: border-box; 1820 transition: width 0.2s; 1821 width: 0; 1822} 1823 1824.monaco-list-type-filter.dragging > .controls, 1825.monaco-list-type-filter:hover > .controls { 1826 width: 36px; 1827} 1828 1829.monaco-list-type-filter > .controls > * { 1830 border: none; 1831 box-sizing: border-box; 1832 -webkit-appearance: none; 1833 -moz-appearance: none; 1834 background: none; 1835 width: 16px; 1836 height: 16px; 1837 flex-shrink: 0; 1838 margin: 0; 1839 padding: 0; 1840 display: flex; 1841 align-items: center; 1842 justify-content: center; 1843 cursor: pointer; 1844} 1845 1846.monaco-list-type-filter > .controls > .filter { 1847 margin-left: 4px; 1848} 1849 1850.monaco-list-type-filter-message { 1851 position: absolute; 1852 box-sizing: border-box; 1853 width: 100%; 1854 height: 100%; 1855 top: 0; 1856 left: 0; 1857 padding: 40px 1em 1em 1em; 1858 text-align: center; 1859 white-space: normal; 1860 opacity: 0.7; 1861 pointer-events: none; 1862} 1863 1864.monaco-list-type-filter-message:empty { 1865 display: none; 1866} 1867 1868/* Electron */ 1869 1870.monaco-list-type-filter { 1871 cursor: grab; 1872} 1873 1874.monaco-list-type-filter.dragging { 1875 cursor: grabbing; 1876} 1877 1878/*--------------------------------------------------------------------------------------------- 1879 * Copyright (c) Microsoft Corporation. All rights reserved. 1880 * Licensed under the MIT License. See License.txt in the project root for license information. 1881 *--------------------------------------------------------------------------------------------*/ 1882 1883.monaco-tl-row { 1884 display: flex; 1885 height: 100%; 1886 align-items: center; 1887 position: relative; 1888} 1889 1890.monaco-tl-indent { 1891 height: 100%; 1892 position: absolute; 1893 top: 0; 1894 left: 16px; 1895 pointer-events: none; 1896} 1897 1898.hide-arrows .monaco-tl-indent { 1899 left: 12px; 1900} 1901 1902.monaco-tl-indent > .indent-guide { 1903 display: inline-block; 1904 box-sizing: border-box; 1905 height: 100%; 1906 border-left: 1px solid transparent; 1907} 1908 1909.monaco-tl-indent > .indent-guide { 1910 transition: border-color 0.1s linear; 1911} 1912 1913.monaco-tl-twistie, 1914.monaco-tl-contents { 1915 height: 100%; 1916} 1917 1918.monaco-tl-twistie { 1919 font-size: 10px; 1920 text-align: right; 1921 padding-right: 6px; 1922 flex-shrink: 0; 1923 width: 16px; 1924 display: flex !important; 1925 align-items: center; 1926 justify-content: center; 1927 color: inherit !important; 1928 transform: translateX(3px); 1929} 1930 1931.monaco-tl-contents { 1932 flex: 1; 1933 overflow: hidden; 1934} 1935 1936.monaco-tl-twistie.collapsed::before { 1937 transform: rotate(-90deg); 1938} 1939 1940.monaco-tl-twistie.codicon-tree-item-loading::before { 1941 /* Use steps to throttle FPS to reduce CPU usage */ 1942 animation: codicon-spin 1.25s steps(30) infinite; 1943} 1944 1945/*--------------------------------------------------------------------------------------------- 1946 * Copyright (c) Microsoft Corporation. All rights reserved. 1947 * Licensed under the MIT License. See License.txt in the project root for license information. 1948 *--------------------------------------------------------------------------------------------*/ 1949 1950.monaco-split-view2 { 1951 position: relative; 1952 width: 100%; 1953 height: 100%; 1954} 1955 1956.monaco-split-view2 > .sash-container { 1957 position: absolute; 1958 width: 100%; 1959 height: 100%; 1960 pointer-events: none; 1961} 1962 1963.monaco-split-view2 > .sash-container > .monaco-sash { 1964 pointer-events: initial; 1965} 1966 1967.monaco-split-view2 > .split-view-container { 1968 width: 100%; 1969 height: 100%; 1970 white-space: nowrap; 1971 position: relative; 1972} 1973 1974.monaco-split-view2 > .split-view-container > .split-view-view { 1975 white-space: initial; 1976 position: absolute; 1977} 1978 1979.monaco-split-view2 > .split-view-container > .split-view-view:not(.visible) { 1980 display: none; 1981} 1982 1983.monaco-split-view2.vertical > .split-view-container > .split-view-view { 1984 width: 100%; 1985} 1986 1987.monaco-split-view2.horizontal > .split-view-container > .split-view-view { 1988 height: 100%; 1989} 1990 1991.monaco-split-view2.separator-border > .split-view-container > .split-view-view:not(:first-child)::before { 1992 content: ' '; 1993 position: absolute; 1994 top: 0; 1995 left: 0; 1996 z-index: 5; 1997 pointer-events: none; 1998 background-color: var(--separator-border); 1999} 2000 2001.monaco-split-view2.separator-border.horizontal > .split-view-container > .split-view-view:not(:first-child)::before { 2002 height: 100%; 2003 width: 1px; 2004} 2005 2006.monaco-split-view2.separator-border.vertical > .split-view-container > .split-view-view:not(:first-child)::before { 2007 height: 1px; 2008 width: 100%; 2009} 2010 2011/*--------------------------------------------------------------------------------------------- 2012 * Copyright (c) Microsoft Corporation. All rights reserved. 2013 * Licensed under the MIT License. See License.txt in the project root for license information. 2014 *--------------------------------------------------------------------------------------------*/ 2015 2016.monaco-editor .goto-definition-link { 2017 text-decoration: underline; 2018 cursor: pointer; 2019} 2020/*--------------------------------------------------------------------------------------------- 2021 * Copyright (c) Microsoft Corporation. All rights reserved. 2022 * Licensed under the MIT License. See License.txt in the project root for license information. 2023 *--------------------------------------------------------------------------------------------*/ 2024 2025.colorpicker-widget { 2026 height: 190px; 2027 user-select: none; 2028 -webkit-user-select: none; 2029 -ms-user-select: none; 2030} 2031 2032.monaco-editor .colorpicker-hover:focus { 2033 outline: none; 2034} 2035 2036 2037/* Header */ 2038 2039.colorpicker-header { 2040 display: flex; 2041 height: 24px; 2042 position: relative; 2043 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); 2044 background-size: 9px 9px; 2045 image-rendering: pixelated; 2046} 2047 2048.colorpicker-header .picked-color { 2049 width: 216px; 2050 text-align: center; 2051 line-height: 24px; 2052 cursor: pointer; 2053 color: white; 2054 flex: 1; 2055 text-align: center; 2056} 2057 2058.colorpicker-header .picked-color.light { 2059 color: black; 2060} 2061 2062.colorpicker-header .original-color { 2063 width: 74px; 2064 z-index: inherit; 2065 cursor: pointer; 2066} 2067 2068 2069/* Body */ 2070 2071.colorpicker-body { 2072 display: flex; 2073 padding: 8px; 2074 position: relative; 2075} 2076 2077.colorpicker-body .saturation-wrap { 2078 overflow: hidden; 2079 height: 150px; 2080 position: relative; 2081 min-width: 220px; 2082 flex: 1; 2083} 2084 2085.colorpicker-body .saturation-box { 2086 height: 150px; 2087 position: absolute; 2088} 2089 2090.colorpicker-body .saturation-selection { 2091 width: 9px; 2092 height: 9px; 2093 margin: -5px 0 0 -5px; 2094 border: 1px solid rgb(255, 255, 255); 2095 border-radius: 100%; 2096 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); 2097 position: absolute; 2098} 2099 2100.colorpicker-body .strip { 2101 width: 25px; 2102 height: 150px; 2103} 2104 2105.colorpicker-body .hue-strip { 2106 position: relative; 2107 margin-left: 8px; 2108 cursor: grab; 2109 background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); 2110} 2111 2112.colorpicker-body .opacity-strip { 2113 position: relative; 2114 margin-left: 8px; 2115 cursor: grab; 2116 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); 2117 background-size: 9px 9px; 2118 image-rendering: pixelated; 2119} 2120 2121.colorpicker-body .strip.grabbing { 2122 cursor: grabbing; 2123} 2124 2125.colorpicker-body .slider { 2126 position: absolute; 2127 top: 0; 2128 left: -2px; 2129 width: calc(100% + 4px); 2130 height: 4px; 2131 box-sizing: border-box; 2132 border: 1px solid rgba(255, 255, 255, 0.71); 2133 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85); 2134} 2135 2136.colorpicker-body .strip .overlay { 2137 height: 150px; 2138 pointer-events: none; 2139} 2140 2141/*--------------------------------------------------------------------------------------------- 2142 * Copyright (c) Microsoft Corporation. All rights reserved. 2143 * Licensed under the MIT License. See License.txt in the project root for license information. 2144 *--------------------------------------------------------------------------------------------*/ 2145 2146.monaco-hover { 2147 cursor: default; 2148 position: absolute; 2149 overflow: hidden; 2150 z-index: 50; 2151 user-select: text; 2152 -webkit-user-select: text; 2153 -ms-user-select: text; 2154 box-sizing: initial; 2155 animation: fadein 100ms linear; 2156 line-height: 1.5em; 2157} 2158 2159.monaco-hover.hidden { 2160 display: none; 2161} 2162 2163.monaco-hover .hover-contents { 2164 padding: 4px 8px; 2165} 2166 2167.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) { 2168 max-width: 500px; 2169 word-wrap: break-word; 2170} 2171 2172.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr { 2173 /* This is a strange rule but it avoids https://github.com/microsoft/vscode/issues/96795, just 100vw on its own caused the actual hover width to increase */ 2174 min-width: calc(100% + 100vw); 2175} 2176 2177.monaco-hover p, 2178.monaco-hover .code, 2179.monaco-hover ul { 2180 margin: 8px 0; 2181} 2182 2183.monaco-hover code { 2184 font-family: var(--monaco-monospace-font); 2185} 2186 2187.monaco-hover hr { 2188 margin-top: 4px; 2189 margin-bottom: -4px; 2190 margin-left: -10px; 2191 margin-right: -10px; 2192 height: 1px; 2193} 2194 2195.monaco-hover p:first-child, 2196.monaco-hover .code:first-child, 2197.monaco-hover ul:first-child { 2198 margin-top: 0; 2199} 2200 2201.monaco-hover p:last-child, 2202.monaco-hover .code:last-child, 2203.monaco-hover ul:last-child { 2204 margin-bottom: 0; 2205} 2206 2207/* MarkupContent Layout */ 2208.monaco-hover ul { 2209 padding-left: 20px; 2210} 2211.monaco-hover ol { 2212 padding-left: 20px; 2213} 2214 2215.monaco-hover li > p { 2216 margin-bottom: 0; 2217} 2218 2219.monaco-hover li > ul { 2220 margin-top: 0; 2221} 2222 2223.monaco-hover code { 2224 border-radius: 3px; 2225 padding: 0 0.4em; 2226} 2227 2228.monaco-hover .monaco-tokenized-source { 2229 white-space: pre-wrap; 2230 word-break: break-all; 2231} 2232 2233.monaco-hover .hover-row.status-bar { 2234 font-size: 12px; 2235 line-height: 22px; 2236} 2237 2238.monaco-hover .hover-row.status-bar .actions { 2239 display: flex; 2240 padding: 0px 8px; 2241} 2242 2243.monaco-hover .hover-row.status-bar .actions .action-container { 2244 margin-right: 16px; 2245 cursor: pointer; 2246} 2247 2248.monaco-hover .hover-row.status-bar .actions .action-container .action .icon { 2249 padding-right: 4px; 2250} 2251 2252.monaco-hover .markdown-hover .hover-contents .codicon { 2253 color: inherit; 2254 font-size: inherit; 2255 vertical-align: middle; 2256} 2257 2258.monaco-hover .hover-contents a.code-link:before { 2259 content: '('; 2260} 2261.monaco-hover .hover-contents a.code-link:after { 2262 content: ')'; 2263} 2264 2265.monaco-hover .hover-contents a.code-link { 2266 color: inherit; 2267} 2268.monaco-hover .hover-contents a.code-link > span { 2269 text-decoration: underline; 2270 /** Hack to force underline to show **/ 2271 border-bottom: 1px solid transparent; 2272 text-underline-position: under; 2273} 2274 2275/*--------------------------------------------------------------------------------------------- 2276 * Copyright (c) Microsoft Corporation. All rights reserved. 2277 * Licensed under the MIT License. See License.txt in the project root for license information. 2278 *--------------------------------------------------------------------------------------------*/ 2279 2280.monaco-editor .iPadShowKeyboard { 2281 width: 58px; 2282 min-width: 0; 2283 height: 36px; 2284 min-height: 0; 2285 margin: 0; 2286 padding: 0; 2287 position: absolute; 2288 resize: none; 2289 overflow: hidden; 2290 background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat; 2291 border: 4px solid #F6F6F6; 2292 border-radius: 4px; 2293} 2294 2295.monaco-editor.vs-dark .iPadShowKeyboard { 2296 background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat; 2297 border: 4px solid #252526; 2298} 2299/*--------------------------------------------------------------------------------------------- 2300 * Copyright (c) Microsoft Corporation. All rights reserved. 2301 * Licensed under the MIT License. See License.txt in the project root for license information. 2302 *--------------------------------------------------------------------------------------------*/ 2303 2304.monaco-editor .tokens-inspect-widget { 2305 z-index: 50; 2306 user-select: text; 2307 -webkit-user-select: text; 2308 -ms-user-select: text; 2309 padding: 10px; 2310} 2311 2312.tokens-inspect-separator { 2313 height: 1px; 2314 border: 0; 2315} 2316 2317.monaco-editor .tokens-inspect-widget .tm-token { 2318 font-family: var(--monaco-monospace-font); 2319} 2320 2321.monaco-editor .tokens-inspect-widget .tm-token-length { 2322 font-weight: normal; 2323 font-size: 60%; 2324 float: right; 2325} 2326 2327.monaco-editor .tokens-inspect-widget .tm-metadata-table { 2328 width: 100%; 2329} 2330 2331.monaco-editor .tokens-inspect-widget .tm-metadata-value { 2332 font-family: var(--monaco-monospace-font); 2333 text-align: right; 2334} 2335 2336.monaco-editor .tokens-inspect-widget .tm-token-type { 2337 font-family: var(--monaco-monospace-font); 2338} 2339 2340/*--------------------------------------------------------------------------------------------- 2341 * Copyright (c) Microsoft Corporation. All rights reserved. 2342 * Licensed under the MIT License. See License.txt in the project root for license information. 2343 *--------------------------------------------------------------------------------------------*/ 2344.monaco-editor .detected-link, 2345.monaco-editor .detected-link-active { 2346 text-decoration: underline; 2347 text-underline-position: under; 2348} 2349 2350.monaco-editor .detected-link-active { 2351 cursor: pointer; 2352} 2353 2354/*--------------------------------------------------------------------------------------------- 2355 * Copyright (c) Microsoft Corporation. All rights reserved. 2356 * Licensed under the MIT License. See License.txt in the project root for license information. 2357 *--------------------------------------------------------------------------------------------*/ 2358 2359.monaco-editor .on-type-rename-decoration { 2360 border-left: 1px solid transparent; 2361 /* So border can be transparent */ 2362 background-clip: padding-box; 2363} 2364 2365/*--------------------------------------------------------------------------------------------- 2366 * Copyright (c) Microsoft Corporation. All rights reserved. 2367 * Licensed under the MIT License. See License.txt in the project root for license information. 2368 *--------------------------------------------------------------------------------------------*/ 2369 2370.monaco-editor .parameter-hints-widget { 2371 z-index: 10; 2372 display: flex; 2373 flex-direction: column; 2374 line-height: 1.5em; 2375} 2376 2377.monaco-editor .parameter-hints-widget > .wrapper { 2378 max-width: 440px; 2379 display: flex; 2380 flex-direction: row; 2381} 2382 2383.monaco-editor .parameter-hints-widget.multiple { 2384 min-height: 3.3em; 2385 padding: 0; 2386} 2387 2388.monaco-editor .parameter-hints-widget.visible { 2389 transition: left .05s ease-in-out; 2390} 2391 2392.monaco-editor .parameter-hints-widget p, 2393.monaco-editor .parameter-hints-widget ul { 2394 margin: 8px 0; 2395} 2396 2397.monaco-editor .parameter-hints-widget .monaco-scrollable-element, 2398.monaco-editor .parameter-hints-widget .body { 2399 display: flex; 2400 flex: 1; 2401 flex-direction: column; 2402 min-height: 100%; 2403} 2404 2405.monaco-editor .parameter-hints-widget .signature { 2406 padding: 4px 5px; 2407} 2408 2409.monaco-editor .parameter-hints-widget .docs { 2410 padding: 0 10px 0 5px; 2411 white-space: pre-wrap; 2412} 2413 2414.monaco-editor .parameter-hints-widget .docs.empty { 2415 display: none; 2416} 2417 2418.monaco-editor .parameter-hints-widget .docs .markdown-docs { 2419 white-space: initial; 2420} 2421 2422.monaco-editor .parameter-hints-widget .docs .markdown-docs code { 2423 font-family: var(--monaco-monospace-font); 2424} 2425 2426.monaco-editor .parameter-hints-widget .docs .code { 2427 white-space: pre-wrap; 2428} 2429 2430.monaco-editor .parameter-hints-widget .docs code { 2431 border-radius: 3px; 2432 padding: 0 0.4em; 2433} 2434 2435.monaco-editor .parameter-hints-widget .controls { 2436 display: none; 2437 flex-direction: column; 2438 align-items: center; 2439 min-width: 22px; 2440 justify-content: flex-end; 2441} 2442 2443.monaco-editor .parameter-hints-widget.multiple .controls { 2444 display: flex; 2445 padding: 0 2px; 2446} 2447 2448.monaco-editor .parameter-hints-widget.multiple .button { 2449 width: 16px; 2450 height: 16px; 2451 background-repeat: no-repeat; 2452 cursor: pointer; 2453} 2454 2455.monaco-editor .parameter-hints-widget .button.previous { 2456 bottom: 24px; 2457} 2458 2459.monaco-editor .parameter-hints-widget .overloads { 2460 text-align: center; 2461 height: 12px; 2462 line-height: 12px; 2463 opacity: 0.5; 2464 font-family: var(--monaco-monospace-font); 2465} 2466 2467.monaco-editor .parameter-hints-widget .signature .parameter.active { 2468 font-weight: bold; 2469 text-decoration: underline; 2470} 2471 2472.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter { 2473 font-weight: bold; 2474 margin-right: 0.5em; 2475} 2476 2477/*--------------------------------------------------------------------------------------------- 2478 * Copyright (c) Microsoft Corporation. All rights reserved. 2479 * Licensed under the MIT License. See License.txt in the project root for license information. 2480 *--------------------------------------------------------------------------------------------*/ 2481 2482.monaco-editor .rename-box { 2483 z-index: 100; 2484 color: inherit; 2485} 2486 2487.monaco-editor .rename-box.preview { 2488 padding: 3px 3px 0 3px; 2489} 2490 2491.monaco-editor .rename-box .rename-input { 2492 padding: 3px; 2493 width: calc(100% - 6px); 2494} 2495 2496.monaco-editor .rename-box .rename-label { 2497 display: none; 2498 opacity: .8; 2499} 2500 2501.monaco-editor .rename-box.preview .rename-label { 2502 display: inherit; 2503} 2504 2505/*--------------------------------------------------------------------------------------------- 2506 * Copyright (c) Microsoft Corporation. All rights reserved. 2507 * Licensed under the MIT License. See License.txt in the project root for license information. 2508 *--------------------------------------------------------------------------------------------*/ 2509 2510.monaco-editor .snippet-placeholder { 2511 min-width: 2px; 2512 outline-style: solid; 2513 outline-width: 1px; 2514} 2515 2516.monaco-editor .finish-snippet-placeholder { 2517 outline-style: solid; 2518 outline-width: 1px; 2519} 2520 2521/*--------------------------------------------------------------------------------------------- 2522 * Copyright (c) Microsoft Corporation. All rights reserved. 2523 * Licensed under the MIT License. See License.txt in the project root for license information. 2524 *--------------------------------------------------------------------------------------------*/ 2525 2526/* Suggest widget*/ 2527.monaco-editor .suggest-widget { 2528 z-index: 40; 2529} 2530 2531/** Initial widths **/ 2532 2533.monaco-editor .suggest-widget { 2534 width: 430px; 2535} 2536 2537.monaco-editor .suggest-widget > .message, 2538.monaco-editor .suggest-widget > .tree, 2539.monaco-editor .suggest-widget > .details { 2540 width: 100%; 2541 border-style: solid; 2542 border-width: 1px; 2543 box-sizing: border-box; 2544} 2545 2546.monaco-editor.hc-black .suggest-widget > .message, 2547.monaco-editor.hc-black .suggest-widget > .tree, 2548.monaco-editor.hc-black .suggest-widget > .details { 2549 border-width: 2px; 2550} 2551 2552/** Adjust width when docs are expanded to the side **/ 2553.monaco-editor .suggest-widget.docs-side { 2554 width: 660px; 2555} 2556 2557.monaco-editor .suggest-widget.docs-side > .tree, 2558.monaco-editor .suggest-widget.docs-side > .details { 2559 width: 50%; 2560 float: left; 2561} 2562 2563.monaco-editor .suggest-widget.docs-side.list-right > .tree, 2564.monaco-editor .suggest-widget.docs-side.list-right > .details { 2565 float: right; 2566} 2567 2568/* MarkupContent Layout */ 2569.monaco-editor .suggest-widget > .details ul { 2570 padding-left: 20px; 2571} 2572.monaco-editor .suggest-widget > .details ol { 2573 padding-left: 20px; 2574} 2575 2576.monaco-editor .suggest-widget > .details p code { 2577 font-family: var(--monaco-monospace-font); 2578} 2579 2580/* Styles for Message element for when widget is loading or is empty */ 2581.monaco-editor .suggest-widget > .message { 2582 padding-left: 22px; 2583} 2584 2585/** Styles for the list element **/ 2586.monaco-editor .suggest-widget > .tree { 2587 height: 100%; 2588} 2589 2590.monaco-editor .suggest-widget .monaco-list { 2591 user-select: none; 2592 -webkit-user-select: none; 2593 -ms-user-select: none; 2594} 2595 2596/** Styles for each row in the list element **/ 2597 2598.monaco-editor .suggest-widget .monaco-list .monaco-list-row { 2599 display: flex; 2600 -mox-box-sizing: border-box; 2601 box-sizing: border-box; 2602 padding-right: 10px; 2603 background-repeat: no-repeat; 2604 background-position: 2px 2px; 2605 white-space: nowrap; 2606 cursor: pointer; 2607 touch-action: none; 2608} 2609 2610.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents { 2611 flex: 1; 2612 height: 100%; 2613 overflow: hidden; 2614 padding-left: 2px; 2615} 2616 2617.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main { 2618 display: flex; 2619 overflow: hidden; 2620 text-overflow: ellipsis; 2621 white-space: pre; 2622 justify-content: space-between; 2623} 2624 2625.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left, 2626.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right { 2627 display: flex; 2628} 2629 2630.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight { 2631 font-weight: bold; 2632} 2633 2634/** Status Bar **/ 2635 2636.monaco-editor .suggest-widget > .suggest-status-bar { 2637 visibility: hidden; 2638 2639 position: absolute; 2640 left: 0; 2641 2642 box-sizing: border-box; 2643 2644 display: flex; 2645 flex-flow: row nowrap; 2646 justify-content: space-between; 2647 2648 width: 100%; 2649 2650 font-size: 80%; 2651 2652 border-left-width: 1px; 2653 border-left-style: solid; 2654 border-right-width: 1px; 2655 border-right-style: solid; 2656 border-bottom-width: 1px; 2657 border-bottom-style: solid; 2658 2659 padding: 0 8px 0 4px; 2660} 2661 2662.monaco-editor .suggest-widget.list-right.docs-side > .suggest-status-bar { 2663 left: auto; 2664 right: 0; 2665} 2666.monaco-editor .suggest-widget.docs-side > .suggest-status-bar { 2667 width: 50%; 2668} 2669 2670/** ReadMore Icon styles **/ 2671 2672.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close, 2673.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before { 2674 color: inherit; 2675 opacity: 1; 2676 font-size: 14px; 2677 cursor: pointer; 2678} 2679 2680.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close { 2681 position: absolute; 2682 top: 2px; 2683 right: 2px; 2684} 2685 2686.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close:hover, 2687.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover { 2688 opacity: 1; 2689} 2690 2691/** signature, qualifier, type/details opacity **/ 2692.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label, 2693.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label, 2694.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label { 2695 opacity: 0.7; 2696} 2697 2698.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label { 2699 overflow: hidden; 2700 text-overflow: ellipsis; 2701} 2702 2703.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label { 2704 margin-left: 4px; 2705 opacity: 0.4; 2706 font-size: 90%; 2707 text-overflow: ellipsis; 2708 overflow: hidden; 2709 line-height: 17px; 2710 align-self: center; 2711} 2712 2713/** Type Info and icon next to the label in the focused completion item **/ 2714 2715.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label { 2716 margin-left: 0.8em; 2717 overflow: hidden; 2718 text-overflow: ellipsis; 2719 white-space: nowrap; 2720} 2721 2722.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source { 2723 display: inline; 2724} 2725 2726/** Details: if using CompletionItem#details, show on focus **/ 2727 2728.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label, 2729.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label { 2730 display: none; 2731} 2732 2733.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label { 2734 display: inline; 2735} 2736 2737/** Details: if using CompletionItemLabel#details, always show **/ 2738 2739.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label, 2740.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label { 2741 display: inline; 2742} 2743 2744/** Ellipsis on hover **/ 2745.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label { 2746 width: calc(100% - 26px); 2747} 2748 2749.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left { 2750 flex-shrink: 1; 2751 flex-grow: 1; 2752 overflow: hidden; 2753} 2754.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label { 2755 flex-shrink: 0; 2756} 2757.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label { 2758 max-width: 100%; 2759} 2760.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label { 2761 flex-shrink: 1; 2762} 2763.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right { 2764 overflow: hidden; 2765 margin-left: 16px; 2766 flex-shrink: 0; 2767 max-width: 45%; 2768} 2769 2770.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { 2771 display: inline-block; 2772 position: absolute; 2773 right: 10px; 2774 width: 18px; 2775 height: 18px; 2776 visibility: hidden; 2777} 2778 2779/** Do NOT display ReadMore when docs is side/below **/ 2780.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, 2781.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { 2782 display: none !important; 2783} 2784 2785/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/ 2786.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore { 2787 display: none; 2788} 2789/** Focused item can show ReadMore, but can't when docs is side/below **/ 2790.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore { 2791 display: inline-block; 2792} 2793 2794.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, 2795.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { 2796 display: none; 2797} 2798 2799.monaco-editor .suggest-widget .monaco-list .monaco-list-row:hover > .contents > .main > .right > .readMore { 2800 visibility: visible; 2801} 2802 2803/** Styles for each row in the list **/ 2804 2805.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated { 2806 opacity: 0.66; 2807 text-decoration: unset; 2808} 2809.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container { 2810 text-decoration: line-through; 2811} 2812 2813.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before { 2814 height: 100%; 2815} 2816 2817.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon { 2818 display: block; 2819 height: 16px; 2820 width: 16px; 2821 margin-left: 2px; 2822 background-repeat: no-repeat; 2823 background-size: 80%; 2824 background-position: center; 2825} 2826 2827.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide { 2828 display: none; 2829} 2830 2831.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon { 2832 display: flex; 2833 align-items: center; 2834 margin-right: 4px; 2835} 2836 2837.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon, 2838.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before { 2839 display: none; 2840} 2841 2842.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan { 2843 margin: 0 0 0 0.3em; 2844 border: 0.1em solid #000; 2845 width: 0.7em; 2846 height: 0.7em; 2847 display: inline-block; 2848} 2849 2850/** Styles for the docs of the completion item in focus **/ 2851.monaco-editor .suggest-widget .details { 2852 display: flex; 2853 flex-direction: column; 2854 cursor: default; 2855} 2856 2857.monaco-editor .suggest-widget .details.no-docs { 2858 display: none; 2859} 2860 2861.monaco-editor .suggest-widget.docs-below .details { 2862 border-top-width: 0; 2863} 2864 2865.monaco-editor .suggest-widget .details > .monaco-scrollable-element { 2866 flex: 1; 2867} 2868 2869.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body { 2870 position: absolute; 2871 box-sizing: border-box; 2872 height: 100%; 2873 width: 100%; 2874} 2875 2876.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .type { 2877 flex: 2; 2878 overflow: hidden; 2879 text-overflow: ellipsis; 2880 opacity: 0.7; 2881 word-break: break-all; 2882 margin: 0 24px 0 0; 2883 padding: 4px 0 12px 5px; 2884} 2885 2886.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs { 2887 margin: 0; 2888 padding: 4px 5px; 2889 white-space: pre-wrap; 2890} 2891 2892.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs { 2893 padding: 0; 2894 white-space: initial; 2895 min-height: calc(1rem + 8px); 2896} 2897 2898.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div, 2899.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) { 2900 padding: 4px 5px; 2901} 2902 2903.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child { 2904 margin-top: 0; 2905} 2906 2907.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child { 2908 margin-bottom: 0; 2909} 2910 2911.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs .code { 2912 white-space: pre-wrap; 2913 word-wrap: break-word; 2914} 2915 2916.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon { 2917 vertical-align: sub; 2918} 2919 2920.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > p:empty { 2921 display: none; 2922} 2923 2924.monaco-editor .suggest-widget .details code { 2925 border-radius: 3px; 2926 padding: 0 0.4em; 2927} 2928 2929 2930/* replace/insert decorations */ 2931 2932.monaco-editor .suggest-insert-unexpected { 2933 font-style: italic; 2934} 2935 2936 2937/*--------------------------------------------------------------------------------------------- 2938 * Copyright (c) Microsoft Corporation. All rights reserved. 2939 * Licensed under the MIT License. See License.txt in the project root for license information. 2940 *--------------------------------------------------------------------------------------------*/ 2941 2942.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar { 2943 visibility: visible; 2944} 2945.monaco-editor .suggest-widget.with-status-bar > .tree { 2946 margin-bottom: 18px; 2947} 2948 2949.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label { 2950 min-height: 18px; 2951 opacity: 0.5; 2952 color: inherit; 2953} 2954 2955.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label { 2956 margin-right: 0; 2957} 2958 2959.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after { 2960 content: ', '; 2961 margin-right: 0.3em; 2962} 2963 2964.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, 2965.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore { 2966 display: none; 2967} 2968 2969.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label { 2970 width: 100%; 2971} 2972 2973/*--------------------------------------------------------------------------------------------- 2974 * Copyright (c) Microsoft Corporation. All rights reserved. 2975 * Licensed under the MIT License. See License.txt in the project root for license information. 2976 *--------------------------------------------------------------------------------------------*/ 2977 2978@font-face { 2979 font-family: "codicon"; 2980 src: url([object Module]) format("truetype"); 2981} 2982 2983.codicon[class*='codicon-'] { 2984 font: normal normal normal 16px/1 codicon; 2985 display: inline-block; 2986 text-decoration: none; 2987 text-rendering: auto; 2988 text-align: center; 2989 -webkit-font-smoothing: antialiased; 2990 -moz-osx-font-smoothing: grayscale; 2991 user-select: none; 2992 -webkit-user-select: none; 2993 -ms-user-select: none; 2994} 2995 2996/* icon rules are dynamically created in codiconStyles */ 2997 2998/*--------------------------------------------------------------------------------------------- 2999 * Copyright (c) Microsoft Corporation. All rights reserved. 3000 * Licensed under the MIT License. See License.txt in the project root for license information. 3001 *--------------------------------------------------------------------------------------------*/ 3002 3003.codicon-wrench-subaction { 3004 opacity: 0.5; 3005} 3006 3007/*--------------------------------------------------------------------------------------------- 3008 * Copyright (c) Microsoft Corporation. All rights reserved. 3009 * Licensed under the MIT License. See License.txt in the project root for license information. 3010 *--------------------------------------------------------------------------------------------*/ 3011 3012@keyframes codicon-spin { 3013 100% { 3014 transform:rotate(360deg); 3015 } 3016} 3017 3018.codicon-animation-spin { 3019 /* Use steps to throttle FPS to reduce CPU usage */ 3020 animation: codicon-spin 1.5s steps(30) infinite; 3021} 3022 3023/*--------------------------------------------------------------------------------------------- 3024 * Copyright (c) Microsoft Corporation. All rights reserved. 3025 * Licensed under the MIT License. See License.txt in the project root for license information. 3026 *--------------------------------------------------------------------------------------------*/ 3027 3028.monaco-list .monaco-list-row.focused.selected .outline-element .monaco-highlighted-label, 3029.monaco-list .monaco-list-row.focused.selected .outline-element-decoration { 3030 /* make sure selection color wins when a label is being selected */ 3031 color: inherit !important; 3032} 3033 3034.monaco-list .outline-element { 3035 display: flex; 3036 flex: 1; 3037 flex-flow: row nowrap; 3038 align-items: center; 3039} 3040 3041.monaco-list .outline-element .monaco-highlighted-label { 3042 color: var(--outline-element-color); 3043} 3044 3045.monaco-list .outline-element .outline-element-decoration { 3046 opacity: 0.75; 3047 font-size: 90%; 3048 font-weight: 600; 3049 padding: 0 12px 0 5px; 3050 margin-left: auto; 3051 text-align: center; 3052 color: var(--outline-element-color); 3053} 3054 3055.monaco-list .outline-element .outline-element-decoration.bubble { 3056 font-family: codicon; 3057 font-size: 14px; 3058 opacity: 0.4; 3059} 3060 3061.monaco-list .outline-element .outline-element-icon { 3062 margin-right: 4px; 3063} 3064 3065/*--------------------------------------------------------------------------------------------- 3066 * Copyright (c) Microsoft Corporation. All rights reserved. 3067 * Licensed under the MIT License. See License.txt in the project root for license information. 3068 *--------------------------------------------------------------------------------------------*/ 3069 3070.monaco-icon-label.deprecated { 3071 text-decoration: line-through; 3072 opacity: 0.66; 3073} 3074 3075/*--------------------------------------------------------------------------------------------- 3076 * Copyright (c) Microsoft Corporation. All rights reserved. 3077 * Licensed under the MIT License. See License.txt in the project root for license information. 3078 *--------------------------------------------------------------------------------------------*/ 3079 3080 3081/* Default standalone editor fonts */ 3082.monaco-editor { 3083 font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif; 3084 --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace; 3085} 3086 3087.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label { 3088 stroke-width: 1.2px; 3089} 3090 3091.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, 3092.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label { 3093 stroke-width: 1.2px; 3094} 3095 3096.monaco-hover p { 3097 margin: 0; 3098} 3099 3100/* The hc-black theme is already high contrast optimized */ 3101.monaco-editor.hc-black { 3102 -ms-high-contrast-adjust: none; 3103} 3104/* In case the browser goes into high contrast mode and the editor is not configured with the hc-black theme */ 3105@media screen and (-ms-high-contrast:active) { 3106 3107 /* current line highlight */ 3108 .monaco-editor.vs .view-overlays .current-line, 3109 .monaco-editor.vs-dark .view-overlays .current-line { 3110 border-color: windowtext !important; 3111 border-left: 0; 3112 border-right: 0; 3113 } 3114 3115 /* view cursors */ 3116 .monaco-editor.vs .cursor, 3117 .monaco-editor.vs-dark .cursor { 3118 background-color: windowtext !important; 3119 } 3120 /* dnd target */ 3121 .monaco-editor.vs .dnd-target, 3122 .monaco-editor.vs-dark .dnd-target { 3123 border-color: windowtext !important; 3124 } 3125 3126 /* selected text background */ 3127 .monaco-editor.vs .selected-text, 3128 .monaco-editor.vs-dark .selected-text { 3129 background-color: highlight !important; 3130 } 3131 3132 /* allow the text to have a transparent background. */ 3133 .monaco-editor.vs .view-line, 3134 .monaco-editor.vs-dark .view-line { 3135 -ms-high-contrast-adjust: none; 3136 } 3137 3138 /* text color */ 3139 .monaco-editor.vs .view-line span, 3140 .monaco-editor.vs-dark .view-line span { 3141 color: windowtext !important; 3142 } 3143 /* selected text color */ 3144 .monaco-editor.vs .view-line span.inline-selected-text, 3145 .monaco-editor.vs-dark .view-line span.inline-selected-text { 3146 color: highlighttext !important; 3147 } 3148 3149 /* allow decorations */ 3150 .monaco-editor.vs .view-overlays, 3151 .monaco-editor.vs-dark .view-overlays { 3152 -ms-high-contrast-adjust: none; 3153 } 3154 3155 /* various decorations */ 3156 .monaco-editor.vs .selectionHighlight, 3157 .monaco-editor.vs-dark .selectionHighlight, 3158 .monaco-editor.vs .wordHighlight, 3159 .monaco-editor.vs-dark .wordHighlight, 3160 .monaco-editor.vs .wordHighlightStrong, 3161 .monaco-editor.vs-dark .wordHighlightStrong, 3162 .monaco-editor.vs .reference-decoration, 3163 .monaco-editor.vs-dark .reference-decoration { 3164 border: 2px dotted highlight !important; 3165 background: transparent !important; 3166 box-sizing: border-box; 3167 } 3168 .monaco-editor.vs .rangeHighlight, 3169 .monaco-editor.vs-dark .rangeHighlight { 3170 background: transparent !important; 3171 border: 1px dotted activeborder !important; 3172 box-sizing: border-box; 3173 } 3174 .monaco-editor.vs .bracket-match, 3175 .monaco-editor.vs-dark .bracket-match { 3176 border-color: windowtext !important; 3177 background: transparent !important; 3178 } 3179 3180 /* find widget */ 3181 .monaco-editor.vs .findMatch, 3182 .monaco-editor.vs-dark .findMatch, 3183 .monaco-editor.vs .currentFindMatch, 3184 .monaco-editor.vs-dark .currentFindMatch { 3185 border: 2px dotted activeborder !important; 3186 background: transparent !important; 3187 box-sizing: border-box; 3188 } 3189 .monaco-editor.vs .find-widget, 3190 .monaco-editor.vs-dark .find-widget { 3191 border: 1px solid windowtext; 3192 } 3193 3194 /* list - used by suggest widget */ 3195 .monaco-editor.vs .monaco-list .monaco-list-row, 3196 .monaco-editor.vs-dark .monaco-list .monaco-list-row { 3197 -ms-high-contrast-adjust: none; 3198 color: windowtext !important; 3199 } 3200 .monaco-editor.vs .monaco-list .monaco-list-row.focused, 3201 .monaco-editor.vs-dark .monaco-list .monaco-list-row.focused { 3202 color: highlighttext !important; 3203 background-color: highlight !important; 3204 } 3205 .monaco-editor.vs .monaco-list .monaco-list-row:hover, 3206 .monaco-editor.vs-dark .monaco-list .monaco-list-row:hover { 3207 background: transparent !important; 3208 border: 1px solid highlight; 3209 box-sizing: border-box; 3210 } 3211 3212 /* scrollbars */ 3213 .monaco-editor.vs .monaco-scrollable-element > .scrollbar, 3214 .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar { 3215 -ms-high-contrast-adjust: none; 3216 background: background !important; 3217 border: 1px solid windowtext; 3218 box-sizing: border-box; 3219 } 3220 .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider, 3221 .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider { 3222 background: windowtext !important; 3223 } 3224 .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover, 3225 .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider:hover { 3226 background: highlight !important; 3227 } 3228 .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider.active, 3229 .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active { 3230 background: highlight !important; 3231 } 3232 3233 /* overview ruler */ 3234 .monaco-editor.vs .decorationsOverviewRuler, 3235 .monaco-editor.vs-dark .decorationsOverviewRuler { 3236 opacity: 0; 3237 } 3238 3239 /* minimap */ 3240 .monaco-editor.vs .minimap, 3241 .monaco-editor.vs-dark .minimap { 3242 display: none; 3243 } 3244 3245 /* squiggles */ 3246 .monaco-editor.vs .squiggly-d-error, 3247 .monaco-editor.vs-dark .squiggly-d-error { 3248 background: transparent !important; 3249 border-bottom: 4px double #E47777; 3250 } 3251 .monaco-editor.vs .squiggly-c-warning, 3252 .monaco-editor.vs-dark .squiggly-c-warning { 3253 border-bottom: 4px double #71B771; 3254 } 3255 .monaco-editor.vs .squiggly-b-info, 3256 .monaco-editor.vs-dark .squiggly-b-info { 3257 border-bottom: 4px double #71B771; 3258 } 3259 .monaco-editor.vs .squiggly-a-hint, 3260 .monaco-editor.vs-dark .squiggly-a-hint { 3261 border-bottom: 4px double #6c6c6c; 3262 } 3263 3264 /* contextmenu */ 3265 .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, 3266 .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label { 3267 -ms-high-contrast-adjust: none; 3268 color: highlighttext !important; 3269 background-color: highlight !important; 3270 } 3271 .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label, 3272 .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label { 3273 -ms-high-contrast-adjust: none; 3274 background: transparent !important; 3275 border: 1px solid highlight; 3276 box-sizing: border-box; 3277 } 3278 3279 /* diff editor */ 3280 .monaco-diff-editor.vs .diffOverviewRuler, 3281 .monaco-diff-editor.vs-dark .diffOverviewRuler { 3282 display: none; 3283 } 3284 .monaco-editor.vs .line-insert, 3285 .monaco-editor.vs-dark .line-insert, 3286 .monaco-editor.vs .line-delete, 3287 .monaco-editor.vs-dark .line-delete { 3288 background: transparent !important; 3289 border: 1px solid highlight !important; 3290 box-sizing: border-box; 3291 } 3292 .monaco-editor.vs .char-insert, 3293 .monaco-editor.vs-dark .char-insert, 3294 .monaco-editor.vs .char-delete, 3295 .monaco-editor.vs-dark .char-delete { 3296 background: transparent !important; 3297 } 3298} 3299 3300/*.monaco-editor.vs [tabindex="0"]:focus { 3301 outline: 1px solid rgba(0, 122, 204, 0.4); 3302 outline-offset: -1px; 3303 opacity: 1 !important; 3304} 3305 3306.monaco-editor.vs-dark [tabindex="0"]:focus { 3307 outline: 1px solid rgba(14, 99, 156, 0.6); 3308 outline-offset: -1px; 3309 opacity: 1 !important; 3310}*/ 3311 3312/*--------------------------------------------------------------------------------------------- 3313 * Copyright (c) Microsoft Corporation. All rights reserved. 3314 * Licensed under the MIT License. See License.txt in the project root for license information. 3315 *--------------------------------------------------------------------------------------------*/ 3316/* ---------- DiffEditor ---------- */ 3317 3318.monaco-diff-editor .diffOverview { 3319 z-index: 9; 3320} 3321 3322.monaco-diff-editor .diffOverview .diffViewport { 3323 z-index: 10; 3324} 3325 3326/* colors not externalized: using transparancy on background */ 3327.monaco-diff-editor.vs .diffOverview { background: rgba(0, 0, 0, 0.03); } 3328.monaco-diff-editor.vs-dark .diffOverview { background: rgba(255, 255, 255, 0.01); } 3329 3330.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar { background: rgba(0,0,0,0); } 3331.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar { background: rgba(0,0,0,0); } 3332.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar { background: none; } 3333 3334.monaco-scrollable-element.modified-in-monaco-diff-editor .slider { 3335 z-index: 10; 3336} 3337.modified-in-monaco-diff-editor .slider.active { background: rgba(171, 171, 171, .4); } 3338.modified-in-monaco-diff-editor.hc-black .slider.active { background: none; } 3339 3340/* ---------- Diff ---------- */ 3341 3342.monaco-editor .insert-sign, 3343.monaco-diff-editor .insert-sign, 3344.monaco-editor .delete-sign, 3345.monaco-diff-editor .delete-sign { 3346 font-size: 11px !important; 3347 opacity: 0.7 !important; 3348 display: flex !important; 3349 align-items: center; 3350} 3351.monaco-editor.hc-black .insert-sign, 3352.monaco-diff-editor.hc-black .insert-sign, 3353.monaco-editor.hc-black .delete-sign, 3354.monaco-diff-editor.hc-black .delete-sign { 3355 opacity: 1; 3356} 3357 3358.monaco-editor .inline-deleted-margin-view-zone { 3359 text-align: right; 3360} 3361.monaco-editor .inline-added-margin-view-zone { 3362 text-align: right; 3363} 3364 3365/* ---------- Inline Diff ---------- */ 3366 3367.monaco-editor .view-zones .view-lines .view-line span { 3368 display: inline-block; 3369} 3370 3371.monaco-editor .margin-view-zones .lightbulb-glyph:hover { 3372 cursor: pointer; 3373} 3374 3375/*--------------------------------------------------------------------------------------------- 3376 * Copyright (c) Microsoft Corporation. All rights reserved. 3377 * Licensed under the MIT License. See License.txt in the project root for license information. 3378 *--------------------------------------------------------------------------------------------*/ 3379 3380.monaco-diff-editor .diff-review-line-number { 3381 text-align: right; 3382 display: inline-block; 3383} 3384 3385.monaco-diff-editor .diff-review { 3386 position: absolute; 3387 user-select: none; 3388 -webkit-user-select: none; 3389 -ms-user-select: none; 3390} 3391 3392.monaco-diff-editor .diff-review-summary { 3393 padding-left: 10px; 3394} 3395 3396.monaco-diff-editor .diff-review-shadow { 3397 position: absolute; 3398} 3399 3400.monaco-diff-editor .diff-review-row { 3401 white-space: pre; 3402} 3403 3404.monaco-diff-editor .diff-review-table { 3405 display: table; 3406 min-width: 100%; 3407} 3408 3409.monaco-diff-editor .diff-review-row { 3410 display: table-row; 3411 width: 100%; 3412} 3413 3414.monaco-diff-editor .diff-review-spacer { 3415 display: inline-block; 3416 width: 10px; 3417 vertical-align: middle; 3418} 3419 3420.monaco-diff-editor .diff-review-spacer > .codicon { 3421 font-size: 9px !important; 3422} 3423 3424.monaco-diff-editor .diff-review-actions { 3425 display: inline-block; 3426 position: absolute; 3427 right: 10px; 3428 top: 2px; 3429} 3430 3431.monaco-diff-editor .diff-review-actions .action-label { 3432 width: 16px; 3433 height: 16px; 3434 margin: 2px 0; 3435} 3436 3437/*--------------------------------------------------------------------------------------------- 3438 * Copyright (c) Microsoft Corporation. All rights reserved. 3439 * Licensed under the MIT License. See License.txt in the project root for license information. 3440 *--------------------------------------------------------------------------------------------*/ 3441 3442.context-view .monaco-menu { 3443 min-width: 130px; 3444} 3445 3446 3447/*--------------------------------------------------------------------------------------------- 3448 * Copyright (c) Microsoft Corporation. All rights reserved. 3449 * Licensed under the MIT License. See License.txt in the project root for license information. 3450 *--------------------------------------------------------------------------------------------*/ 3451 3452.context-view { 3453 position: absolute; 3454 z-index: 2500; 3455} 3456 3457.context-view.fixed { 3458 all: initial; 3459 font-family: inherit; 3460 font-size: 13px; 3461 position: fixed; 3462 z-index: 2500; 3463 color: inherit; 3464} 3465 3466/*--------------------------------------------------------------------------------------------- 3467 * Copyright (c) Microsoft Corporation. All rights reserved. 3468 * Licensed under the MIT License. See License.txt in the project root for license information. 3469 *--------------------------------------------------------------------------------------------*/ 3470 3471.quick-input-widget { 3472 font-size: 13px; 3473} 3474 3475.quick-input-widget .monaco-highlighted-label .highlight, 3476.quick-input-widget .monaco-highlighted-label .highlight { 3477 color: #0066BF; 3478} 3479 3480.vs-dark .quick-input-widget .monaco-highlighted-label .highlight, 3481.vs-dark .quick-input-widget .monaco-highlighted-label .highlight { 3482 color: #0097fb; 3483} 3484 3485.hc-black .quick-input-widget .monaco-highlighted-label .highlight, 3486.hc-black .quick-input-widget .monaco-highlighted-label .highlight { 3487 color: #F38518; 3488} 3489 3490/*--------------------------------------------------------------------------------------------- 3491 * Copyright (c) Microsoft Corporation. All rights reserved. 3492 * Licensed under the MIT License. See License.txt in the project root for license information. 3493 *--------------------------------------------------------------------------------------------*/ 3494 3495.quick-input-widget { 3496 position: absolute; 3497 width: 600px; 3498 z-index: 2000; 3499 padding-bottom: 6px; 3500 left: 50%; 3501 margin-left: -300px; 3502} 3503 3504.quick-input-titlebar { 3505 display: flex; 3506} 3507 3508.quick-input-left-action-bar { 3509 display: flex; 3510 margin-left: 4px; 3511 flex: 1; 3512} 3513 3514.quick-input-left-action-bar.monaco-action-bar .actions-container { 3515 justify-content: flex-start; 3516} 3517 3518.quick-input-title { 3519 padding: 3px 0px; 3520 text-align: center; 3521} 3522 3523.quick-input-right-action-bar { 3524 display: flex; 3525 margin-right: 4px; 3526 flex: 1; 3527} 3528 3529.quick-input-titlebar .monaco-action-bar .action-label.codicon { 3530 margin: 0; 3531 width: 19px; 3532 height: 100%; 3533 background-position: center; 3534 background-repeat: no-repeat; 3535} 3536 3537.quick-input-description { 3538 margin: 6px; 3539} 3540 3541.quick-input-header { 3542 display: flex; 3543 padding: 6px 6px 0px 6px; 3544 margin-bottom: -2px; 3545} 3546 3547.quick-input-widget.hidden-input .quick-input-header { 3548 /* reduce margins and paddings when input box hidden */ 3549 padding: 0; 3550 margin-bottom: 0; 3551} 3552 3553.quick-input-and-message { 3554 display: flex; 3555 flex-direction: column; 3556 flex-grow: 1; 3557 position: relative; 3558} 3559 3560.quick-input-check-all { 3561 align-self: center; 3562 margin: 0; 3563} 3564 3565.quick-input-filter { 3566 flex-grow: 1; 3567 display: flex; 3568 position: relative; 3569} 3570 3571.quick-input-box { 3572 flex-grow: 1; 3573} 3574 3575.quick-input-widget.show-checkboxes .quick-input-box, 3576.quick-input-widget.show-checkboxes .quick-input-message { 3577 margin-left: 5px; 3578} 3579 3580.quick-input-visible-count { 3581 position: absolute; 3582 left: -10000px; 3583} 3584 3585.quick-input-count { 3586 align-self: center; 3587 position: absolute; 3588 right: 4px; 3589 display: flex; 3590 align-items: center; 3591} 3592 3593.quick-input-count .monaco-count-badge { 3594 vertical-align: middle; 3595 padding: 2px 4px; 3596 border-radius: 2px; 3597 min-height: auto; 3598 line-height: normal; 3599} 3600 3601.quick-input-action { 3602 margin-left: 6px; 3603} 3604 3605.quick-input-action .monaco-text-button { 3606 font-size: 11px; 3607 padding: 0 6px; 3608 display: flex; 3609 height: 100%; 3610 align-items: center; 3611} 3612 3613.quick-input-message { 3614 margin-top: -1px; 3615 padding: 5px 5px 2px 5px; 3616} 3617 3618.quick-input-progress.monaco-progress-container { 3619 position: relative; 3620} 3621 3622.quick-input-progress.monaco-progress-container, 3623.quick-input-progress.monaco-progress-container .progress-bit { 3624 height: 2px; 3625} 3626 3627.quick-input-list { 3628 line-height: 22px; 3629 margin-top: 6px; 3630} 3631 3632.quick-input-widget.hidden-input .quick-input-list { 3633 margin-top: 0; /* reduce margins when input box hidden */ 3634} 3635 3636.quick-input-list .monaco-list { 3637 overflow: hidden; 3638 max-height: calc(20 * 22px); 3639} 3640 3641.quick-input-list .quick-input-list-entry { 3642 box-sizing: border-box; 3643 overflow: hidden; 3644 display: flex; 3645 height: 100%; 3646 padding: 0 6px; 3647} 3648 3649.quick-input-list .quick-input-list-entry.quick-input-list-separator-border { 3650 border-top-width: 1px; 3651 border-top-style: solid; 3652} 3653 3654.quick-input-list .monaco-list-row:first-child .quick-input-list-entry.quick-input-list-separator-border { 3655 border-top-style: none; 3656} 3657 3658.quick-input-list .quick-input-list-label { 3659 overflow: hidden; 3660 display: flex; 3661 height: 100%; 3662 flex: 1; 3663} 3664 3665.quick-input-list .quick-input-list-checkbox { 3666 align-self: center; 3667 margin: 0; 3668} 3669 3670.quick-input-list .quick-input-list-rows { 3671 overflow: hidden; 3672 text-overflow: ellipsis; 3673 display: flex; 3674 flex-direction: column; 3675 height: 100%; 3676 flex: 1; 3677 margin-left: 5px; 3678} 3679 3680.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows { 3681 margin-left: 10px; 3682} 3683 3684.quick-input-widget .quick-input-list .quick-input-list-checkbox { 3685 display: none; 3686} 3687.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox { 3688 display: inline; 3689} 3690 3691.quick-input-list .quick-input-list-rows > .quick-input-list-row { 3692 display: flex; 3693 align-items: center; 3694} 3695 3696.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label, 3697.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container { 3698 flex: 1; /* make sure the icon label grows within the row */ 3699} 3700 3701.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] { 3702 vertical-align: sub; 3703} 3704 3705.quick-input-list .quick-input-list-rows .monaco-highlighted-label span { 3706 opacity: 1; 3707} 3708 3709.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding { 3710 margin-right: 8px; /* separate from the separator label or scrollbar if any */ 3711} 3712 3713.quick-input-list .quick-input-list-label-meta { 3714 opacity: 0.7; 3715 line-height: normal; 3716 text-overflow: ellipsis; 3717 overflow: hidden; 3718} 3719 3720.quick-input-list .monaco-highlighted-label .highlight { 3721 font-weight: bold; 3722} 3723 3724.quick-input-list .quick-input-list-entry .quick-input-list-separator { 3725 margin-right: 8px; /* separate from keybindings or actions */ 3726} 3727 3728.quick-input-list .quick-input-list-entry-action-bar { 3729 display: flex; 3730 flex: 0; 3731 overflow: visible; 3732} 3733 3734.quick-input-list .quick-input-list-entry-action-bar .action-label { 3735 /* 3736 * By default, actions in the quick input action bar are hidden 3737 * until hovered over them or selected. 3738 */ 3739 display: none; 3740} 3741 3742.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon { 3743 margin: 0; 3744 height: 100%; 3745 padding: 0 2px; 3746 vertical-align: middle; 3747} 3748 3749.quick-input-list .quick-input-list-entry-action-bar { 3750 margin-top: 1px; 3751} 3752 3753.quick-input-list .quick-input-list-entry-action-bar { 3754 margin-right: 4px; /* separate from scrollbar */ 3755} 3756 3757.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon { 3758 margin-right: 4px; /* separate actions */ 3759} 3760 3761.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible, 3762.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label, 3763.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label { 3764 display: flex; 3765} 3766 3767/*--------------------------------------------------------------------------------------------- 3768 * Copyright (c) Microsoft Corporation. All rights reserved. 3769 * Licensed under the MIT License. See License.txt in the project root for license information. 3770 *--------------------------------------------------------------------------------------------*/ 3771 3772.monaco-keybinding { 3773 display: flex; 3774 align-items: center; 3775 line-height: 10px; 3776} 3777 3778.monaco-keybinding > .monaco-keybinding-key { 3779 display: inline-block; 3780 border: solid 1px rgba(204, 204, 204, 0.4); 3781 border-bottom-color: rgba(187, 187, 187, 0.4); 3782 border-radius: 3px; 3783 box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4); 3784 background-color: rgba(221, 221, 221, 0.4); 3785 vertical-align: middle; 3786 color: #555; 3787 font-size: 11px; 3788 padding: 3px 5px; 3789 margin: 0 2px; 3790} 3791 3792.monaco-keybinding > .monaco-keybinding-key:first-child { 3793 margin-left: 0; 3794} 3795 3796.monaco-keybinding > .monaco-keybinding-key:last-child { 3797 margin-right: 0; 3798} 3799 3800.hc-black .monaco-keybinding > .monaco-keybinding-key, 3801.vs-dark .monaco-keybinding > .monaco-keybinding-key { 3802 background-color: rgba(128, 128, 128, 0.17); 3803 color: #ccc; 3804 border: solid 1px rgba(51, 51, 51, 0.6); 3805 border-bottom-color: rgba(68, 68, 68, 0.6); 3806 box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6); 3807} 3808 3809.monaco-keybinding > .monaco-keybinding-key-separator { 3810 display: inline-block; 3811} 3812 3813.monaco-keybinding > .monaco-keybinding-key-chord-separator { 3814 width: 6px; 3815} 3816/*--------------------------------------------------------------------------------------------- 3817 * Copyright (c) Microsoft Corporation. All rights reserved. 3818 * Licensed under the MIT License. See License.txt in the project root for license information. 3819 *--------------------------------------------------------------------------------------------*/ 3820 3821.monaco-progress-container { 3822 width: 100%; 3823 height: 5px; 3824 overflow: hidden; /* keep progress bit in bounds */ 3825} 3826 3827.monaco-progress-container .progress-bit { 3828 width: 2%; 3829 height: 5px; 3830 position: absolute; 3831 left: 0; 3832 display: none; 3833} 3834 3835.monaco-progress-container.active .progress-bit { 3836 display: inherit; 3837} 3838 3839.monaco-progress-container.discrete .progress-bit { 3840 left: 0; 3841 transition: width 100ms linear; 3842} 3843 3844.monaco-progress-container.discrete.done .progress-bit { 3845 width: 100%; 3846} 3847 3848.monaco-progress-container.infinite .progress-bit { 3849 animation-name: progress; 3850 animation-duration: 4s; 3851 animation-iteration-count: infinite; 3852 animation-timing-function: linear; 3853 transform: translate3d(0px, 0px, 0px); 3854} 3855 3856/** 3857 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of 3858 * that container. Since translateX is relative to the progress bit size, we have to multiple it with 3859 * its relative size to the parent container: 3860 * 50%: 50 * 50 = 2500% 3861 * 100%: 50 * 100 - 50 (do not overflow): 4950% 3862 */ 3863@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4950%) scaleX(1) } } 3864 3865/*--------------------------------------------------------------------------------------------- 3866 * Copyright (c) Microsoft Corporation. All rights reserved. 3867 * Licensed under the MIT License. See License.txt in the project root for license information. 3868 *--------------------------------------------------------------------------------------------*/ 3869 3870.monaco-text-button { 3871 box-sizing: border-box; 3872 display: flex; 3873 width: 100%; 3874 padding: 4px; 3875 text-align: center; 3876 cursor: pointer; 3877 outline-offset: 2px !important; 3878 justify-content: center; 3879 align-items: center; 3880} 3881 3882.monaco-text-button:hover { 3883 text-decoration: none !important; 3884} 3885 3886.monaco-button.disabled { 3887 opacity: 0.4; 3888 cursor: default; 3889} 3890 3891.monaco-button > .codicon { 3892 margin: 0 0.2em; 3893 color: inherit !important; 3894} 3895 3896#editor.svelte-129q4vv{width:100%;height:400px;max-height:300px;flex:1} 3897#editor-conf.svelte-e1y9ss{width:100%;height:200px;max-height:300px;flex:1} 3898#view.svelte-adxv1m{border:1px solor darkred;flex:1}#container.svelte-adxv1m{overflow-x:auto}.error.svelte-adxv1m{opacity:0.5} 3899#card.svelte-m2i2uf{border:1px solid lightgray;margin-bottom:16px}#title.svelte-m2i2uf{font-family:'Playfair Display', serif;font-weight:400;border-bottom:1px solid lightgray;font-size:1.25rem;background-color:#1e60ab;color:#eaebef}#content.svelte-m2i2uf{padding-top:8px}.padding.svelte-m2i2uf{padding:8px} 3900#tag.svelte-1nm8e4l{height:auto;margin:0 8px 0 0;padding:0 7px;font-size:12px;line-height:20px;white-space:nowrap;border:1px solid #d9d9d9;border-radius:4px;cursor:default;font-size:smaller;color:#52c41a;background:#f6ffed;border-color:#b7eb8f;margin-left:8px} 3901#links.svelte-187ys3m{margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid lightgray}#markdown.svelte-187ys3m{padding:7px;font-family:monospace;font-size:14px;width:95%;margin:1rem 0;border:1px solid lightgray}label[for='markdown'].svelte-187ys3m{cursor:pointer;margin:0 auto}.button-style.svelte-187ys3m{background-color:#a2d9e2;color:#33a2c4;border-radius:0.25rem;padding:0.5rem;border:1px solid #a2d9e2;margin:0.25rem}.button-style.svelte-187ys3m:hover{background-color:#fff;color:#33a2c4;border:1px solid #33a2c4}.button-style.svelte-187ys3m:focus{outline:none}.link-style.svelte-187ys3m{text-decoration:none;color:#33a2c4}#copy-section.svelte-187ys3m{padding-top:1rem;text-align:center} 3902#body.svelte-mx8k4g{font-family:'Roboto', sans-serif;background-color:#fcfbfc}#editor-root.svelte-mx8k4g{display:flex;height:100%}#col1.svelte-mx8k4g{width:35%}#col2.svelte-mx8k4g{width:65%;padding-left:32px}#link-root.svelte-mx8k4g{display:flex;height:fit-content}#link-col1.svelte-mx8k4g{width:50%}#link-col2.svelte-mx8k4g{width:50%;padding-left:32px}#app-title.svelte-mx8k4g{font-family:'Playfair Display', serif;font-size:32px;font-weight:700;margin:0;color:#1e60ab;opacity:0.8}#title-container.svelte-mx8k4g{width:fit-content;margin:0 auto 8px}#power.svelte-mx8k4g{width:100%;display:flex;justify-content:flex-end;align-items:center;height:4rem}#sampleLoader.svelte-mx8k4g{padding-left:10px;border-bottom:1px solid lightgray}#historyLoaderSubTitle.svelte-mx8k4g{display:inline-block;color:#33a2c4;font-size:small;font-style:italic}.button-container.svelte-mx8k4g{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap}.button-style.svelte-mx8k4g{background-color:#a2d9e2;color:#33a2c4;border-radius:0.25rem;padding:0.5rem;border:1px solid #a2d9e2;margin:0.25rem}.button-style.svelte-mx8k4g:hover{background-color:#fff;color:#33a2c4;border:1px solid #33a2c4}.button-style.svelte-mx8k4g:focus{outline:none}.link-style.svelte-mx8k4g{text-decoration:none;color:#33a2c4} 3903#view-page.svelte-clxwlp{display:flex;height:100%} 3904