diff --git a/pull_request_template.md b/.github/pull_request_template.md similarity index 67% rename from pull_request_template.md rename to .github/pull_request_template.md index 13fc25d9..ba659117 100644 --- a/pull_request_template.md +++ b/.github/pull_request_template.md @@ -1,13 +1,17 @@ ## :bookmark_tabs: Summary + Brief description about the content of your PR: Resolves # ## :straight_ruler: Design Decisions + Describe the way your implementation works or what design decisions you made if applicable: ### :clipboard: Tasks + Make sure you -- [ ] :book: have read the [contribution guidelines](https://github.com/mermaid-js/mermaid/blob/develop/CONTRIBUTING.md) -- [ ] :computer: have added unit/e2e tests (if appropriate) -- [ ] :bookmark: targeted `master` branch + +- [ ] :book: have read the [contribution guidelines](https://github.com/mermaid-js/mermaid/blob/develop/CONTRIBUTING.md) +- [ ] :computer: have added unit/e2e tests (if appropriate) +- [ ] :bookmark: targeted `master` branch diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index 5c40bcf0..959fa54e 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -18,9 +18,10 @@ jobs: run: | npm i -g yarn yarn install + yarn version --patch --no-git-tag-version yarn release git config user.name github-actions git config user.email github-actions@github.com - git add ./docs/* - git commit -m "Release" + git add . + git commit -m "Release $(yarn version --version)" git push diff --git a/docs/dist/bundle.css b/docs/dist/bundle.css index f0113e00..76a4b28f 100644 --- a/docs/dist/bundle.css +++ b/docs/dist/bundle.css @@ -1,3897 +1,3897 @@ #error.svelte-104hor5{background:darkred;color:white;flex:1;padding:10px}.invisible.svelte-104hor5{display:none}.visible.svelte-104hor5{display:block} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .accessibilityHelpWidget { - padding: 10px; - vertical-align: middle; - overflow: scroll; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-aria-container { - position: absolute; /* try to hide from window but not from screen readers */ - left:-999em; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .selection-anchor { - background-color: #007ACC; - width: 2px !important; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .bracket-match { - box-sizing: border-box; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .monaco-editor-overlaymessage { - padding-bottom: 8px; - z-index: 10000; -} - -@keyframes fadeIn { - from { opacity: 0; } - to { opacity: 1; } -} -.monaco-editor .monaco-editor-overlaymessage.fadeIn { - animation: fadeIn 150ms ease-out; -} - -@keyframes fadeOut { - from { opacity: 1; } - to { opacity: 0; } -} -.monaco-editor .monaco-editor-overlaymessage.fadeOut { - animation: fadeOut 100ms ease-out; -} - -.monaco-editor .monaco-editor-overlaymessage .message { - padding: 1px 4px; -} - -.monaco-editor .monaco-editor-overlaymessage .anchor { - width: 0 !important; - height: 0 !important; - border-color: transparent; - border-style: solid; - z-index: 1000; - border-width: 8px; - position: absolute; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .lightbulb-glyph, -.monaco-editor .codicon-lightbulb { - display: flex; - align-items: center; - justify-content: center; - height: 16px; - width: 20px; - padding-left: 2px; -} - -.monaco-editor .lightbulb-glyph:hover, -.monaco-editor .codicon-lightbulb:hover { - cursor: pointer; - /* transform: scale(1.3, 1.3); */ -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .codelens-decoration { - overflow: hidden; - display: inline-block; - text-overflow: ellipsis; -} - -.monaco-editor .codelens-decoration > span, -.monaco-editor .codelens-decoration > a { - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - white-space: nowrap; - vertical-align: sub; -} - -.monaco-editor .codelens-decoration > a { - text-decoration: none; -} - -.monaco-editor .codelens-decoration > a:hover { - cursor: pointer; -} - -.monaco-editor .codelens-decoration .codicon { - vertical-align: middle; - color: currentColor !important; -} - -.monaco-editor .codelens-decoration > a:hover .codicon::before { - cursor: pointer; -} - -@keyframes fadein { - 0% { opacity: 0; visibility: visible;} - 100% { opacity: 1; } -} - -.monaco-editor .codelens-decoration.fadein { - animation: fadein 0.1s linear; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-action-bar { - text-align: right; - white-space: nowrap; -} - -.monaco-action-bar .actions-container { - display: flex; - margin: 0 auto; - padding: 0; - width: 100%; - justify-content: flex-end; -} - -.monaco-action-bar.vertical .actions-container { - display: inline-block; -} - -.monaco-action-bar.reverse .actions-container { - flex-direction: row-reverse; -} - -.monaco-action-bar .action-item { - cursor: pointer; - display: inline-block; - transition: transform 50ms ease; - position: relative; /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */ -} - -.monaco-action-bar .action-item.disabled { - cursor: default; -} - -.monaco-action-bar.animated .action-item.active { - transform: scale(1.272019649, 1.272019649); /* 1.272019649 = √φ */ -} - -.monaco-action-bar .action-item .icon, -.monaco-action-bar .action-item .codicon { - display: inline-block; -} - -.monaco-action-bar .action-item .codicon { - display: flex; - align-items: center; -} - -.monaco-action-bar .action-label { - font-size: 11px; - margin-right: 4px; -} - -.monaco-action-bar .action-item.disabled .action-label, -.monaco-action-bar .action-item.disabled .action-label:hover { - opacity: 0.4; -} - -/* Vertical actions */ - -.monaco-action-bar.vertical { - text-align: left; -} - -.monaco-action-bar.vertical .action-item { - display: block; -} - -.monaco-action-bar.vertical .action-label.separator { - display: block; - border-bottom: 1px solid #bbb; - padding-top: 1px; - margin-left: .8em; - margin-right: .8em; -} - -.monaco-action-bar.animated.vertical .action-item.active { - transform: translate(5px, 0); -} - -.secondary-actions .monaco-action-bar .action-label { - margin-left: 6px; -} - -/* Action Items */ -.monaco-action-bar .action-item.select-container { - overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */ - flex: 1; - max-width: 170px; - min-width: 60px; - display: flex; - align-items: center; - justify-content: center; - margin-right: 10px; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor.vs .dnd-target { - border-right: 2px dotted black; - color: white; /* opposite of black */ -} -.monaco-editor.vs-dark .dnd-target { - border-right: 2px dotted #AEAFAD; - color: #51504f; /* opposite of #AEAFAD */ -} -.monaco-editor.hc-black .dnd-target { - border-right: 2px dotted #fff; - color: #000; /* opposite of #fff */ -} - -.monaco-editor.mouse-default .view-lines, -.monaco-editor.vs-dark.mac.mouse-default .view-lines, -.monaco-editor.hc-black.mac.mouse-default .view-lines { - cursor: default; -} -.monaco-editor.mouse-copy .view-lines, -.monaco-editor.vs-dark.mac.mouse-copy .view-lines, -.monaco-editor.hc-black.mac.mouse-copy .view-lines { - cursor: copy; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-custom-checkbox { - margin-left: 2px; - float: left; - cursor: pointer; - overflow: hidden; - opacity: 0.7; - width: 20px; - height: 20px; - border: 1px solid transparent; - padding: 1px; - box-sizing: border-box; - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -.monaco-custom-checkbox:hover, -.monaco-custom-checkbox.checked { - opacity: 1; -} - -.hc-black .monaco-custom-checkbox { - background: none; -} - -.hc-black .monaco-custom-checkbox:hover { - background: none; -} - -.monaco-custom-checkbox.monaco-simple-checkbox { - height: 18px; - width: 18px; - border: 1px solid transparent; - border-radius: 3px; - margin-right: 9px; - margin-left: 0px; - padding: 0px; - opacity: 1; - background-size: 16px !important; -} - -/* hide check when unchecked */ -.monaco-custom-checkbox.monaco-simple-checkbox.unchecked:not(.checked)::before { - visibility: hidden;; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* Find widget */ -.monaco-editor .find-widget { - position: absolute; - z-index: 50; - height: 33px; - overflow: hidden; - line-height: 19px; - transition: transform 200ms linear; - padding: 0 4px; - box-sizing: border-box; - transform: translateY(calc(-100% - 10px)); /* shadow (10px) */ -} - -.monaco-editor .find-widget textarea { - margin: 0px; -} - -.monaco-editor .find-widget.hiddenEditor { - display: none; -} - -/* Find widget when replace is toggled on */ -.monaco-editor .find-widget.replaceToggled > .replace-part { - display: flex; -} - -.monaco-editor .find-widget.visible { - transform: translateY(0); -} - -.monaco-editor .find-widget .monaco-inputbox.synthetic-focus { - outline: 1px solid -webkit-focus-ring-color; - outline-offset: -1px; -} - -.monaco-editor .find-widget .monaco-inputbox .input { - background-color: transparent; - min-height: 0; -} - -.monaco-editor .find-widget .monaco-findInput .input { - font-size: 13px; -} - -.monaco-editor .find-widget > .find-part, -.monaco-editor .find-widget > .replace-part { - margin: 4px 0 0 17px; - font-size: 12px; - display: flex; -} - -.monaco-editor .find-widget > .find-part .monaco-inputbox, -.monaco-editor .find-widget > .replace-part .monaco-inputbox { - min-height: 25px; -} - - -.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { - padding-right: 22px; -} - -.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input, -.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .mirror, -.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .input, -.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { - padding-top: 2px; - padding-bottom: 2px; -} - -.monaco-editor .find-widget > .find-part .find-actions { - height: 25px; - display: flex; - align-items: center; -} - -.monaco-editor .find-widget > .replace-part .replace-actions { - height: 25px; - display: flex; - align-items: center; -} - -.monaco-editor .find-widget .monaco-findInput { - vertical-align: middle; - display: flex; - flex:1; -} - -.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element { - /* Make sure textarea inherits the width correctly */ - width: 100%; -} - -.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical { - /* Hide vertical scrollbar */ - opacity: 0; -} - -.monaco-editor .find-widget .matchesCount { - display: flex; - flex: initial; - margin: 0 0 0 3px; - padding: 2px 0 0 2px; - height: 25px; - vertical-align: middle; - box-sizing: border-box; - text-align: center; - line-height: 23px; -} - -.monaco-editor .find-widget .button { - width: 20px; - height: 20px; - display: flex; - flex: initial; - margin-left: 3px; - background-position: center center; - background-repeat: no-repeat; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; -} - -.monaco-editor .find-widget .button.left { - margin-left: 0; - margin-right: 3px; -} - -.monaco-editor .find-widget .button.wide { - width: auto; - padding: 1px 6px; - top: -1px; -} - -.monaco-editor .find-widget .button.toggle { - position: absolute; - top: 0; - left: 3px; - width: 18px; - height: 100%; - box-sizing: border-box; -} - -.monaco-editor .find-widget .button.toggle.disabled { - display: none; -} - -.monaco-editor .find-widget .disabled { - opacity: 0.3; - cursor: default; -} - -.monaco-editor .find-widget > .replace-part { - display: none; -} - -.monaco-editor .find-widget > .replace-part > .monaco-findInput { - position: relative; - display: flex; - vertical-align: middle; - flex: auto; - flex-grow: 0; - flex-shrink: 0; -} - -.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls { - position: absolute; - top: 3px; - right: 2px; -} - -/* REDUCED */ -.monaco-editor .find-widget.reduced-find-widget .matchesCount { - display:none; -} - -/* NARROW (SMALLER THAN REDUCED) */ -.monaco-editor .find-widget.narrow-find-widget { - max-width: 257px !important; -} - -/* COLLAPSED (SMALLER THAN NARROW) */ -.monaco-editor .find-widget.collapsed-find-widget { - max-width: 170px !important; -} - -.monaco-editor .find-widget.collapsed-find-widget .button.previous, -.monaco-editor .find-widget.collapsed-find-widget .button.next, -.monaco-editor .find-widget.collapsed-find-widget .button.replace, -.monaco-editor .find-widget.collapsed-find-widget .button.replace-all, -.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls { - display:none; -} - -.monaco-editor .findMatch { - animation-duration: 0; - animation-name: inherit !important; -} - -.monaco-editor .find-widget .monaco-sash { - left: 0 !important; -} - -.monaco-editor.hc-black .find-widget .button:before { - position: relative; - top: 1px; - left: 2px; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-sash { - position: absolute; - z-index: 35; - touch-action: none; -} - -.monaco-sash.disabled { - pointer-events: none; -} - -.monaco-sash.mac.vertical { - cursor: col-resize; -} - -.monaco-sash.vertical.minimum { - cursor: e-resize; -} - -.monaco-sash.vertical.maximum { - cursor: w-resize; -} - -.monaco-sash.mac.horizontal { - cursor: row-resize; -} - -.monaco-sash.horizontal.minimum { - cursor: s-resize; -} - -.monaco-sash.horizontal.maximum { - cursor: n-resize; -} - -.monaco-sash.disabled { - cursor: default !important; - pointer-events: none !important; -} - -/** Debug **/ - -.monaco-sash.debug { - background: cyan; -} - -.monaco-sash.debug.disabled { - background: rgba(0, 255, 255, 0.2); -} - -.monaco-sash.debug:not(.disabled).orthogonal-start::before, -.monaco-sash.debug:not(.disabled).orthogonal-end::after { - background: red; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ -/* ---------- Find input ---------- */ - -.monaco-findInput { - position: relative; -} - -.monaco-findInput .monaco-inputbox { - font-size: 13px; - width: 100%; -} - -.monaco-findInput > .controls { - position: absolute; - top: 3px; - right: 2px; -} - -.vs .monaco-findInput.disabled { - background-color: #E1E1E1; -} - -/* Theming */ -.vs-dark .monaco-findInput.disabled { - background-color: #333; -} - -/* Highlighting */ -.monaco-findInput.highlight-0 .controls { - animation: monaco-findInput-highlight-0 100ms linear 0s; -} -.monaco-findInput.highlight-1 .controls { - animation: monaco-findInput-highlight-1 100ms linear 0s; -} -.hc-black .monaco-findInput.highlight-0 .controls, -.vs-dark .monaco-findInput.highlight-0 .controls { - animation: monaco-findInput-highlight-dark-0 100ms linear 0s; -} -.hc-black .monaco-findInput.highlight-1 .controls, -.vs-dark .monaco-findInput.highlight-1 .controls { - animation: monaco-findInput-highlight-dark-1 100ms linear 0s; -} - -@keyframes monaco-findInput-highlight-0 { - 0% { background: rgba(253, 255, 0, 0.8); } - 100% { background: transparent; } -} -@keyframes monaco-findInput-highlight-1 { - 0% { background: rgba(253, 255, 0, 0.8); } - /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ - 99% { background: transparent; } -} - -@keyframes monaco-findInput-highlight-dark-0 { - 0% { background: rgba(255, 255, 255, 0.44); } - 100% { background: transparent; } -} -@keyframes monaco-findInput-highlight-dark-1 { - 0% { background: rgba(255, 255, 255, 0.44); } - /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ - 99% { background: transparent; } -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-inputbox { - position: relative; - display: block; - padding: 0; - box-sizing: border-box; - - /* Customizable */ - font-size: inherit; -} - -.monaco-inputbox.idle { - border: 1px solid transparent; -} - -.monaco-inputbox > .wrapper > .input, -.monaco-inputbox > .wrapper > .mirror { - - /* Customizable */ - padding: 4px; -} - -.monaco-inputbox > .wrapper { - position: relative; - width: 100%; - height: 100%; -} - -.monaco-inputbox > .wrapper > .input { - display: inline-block; - box-sizing: border-box; - width: 100%; - height: 100%; - line-height: inherit; - border: none; - font-family: inherit; - font-size: inherit; - resize: none; - color: inherit; -} - -.monaco-inputbox > .wrapper > input { - text-overflow: ellipsis; -} - -.monaco-inputbox > .wrapper > textarea.input { - display: block; - -ms-overflow-style: none; /* IE 10+: hide scrollbars */ - scrollbar-width: none; /* Firefox: hide scrollbars */ - outline: none; -} - -.monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar { - display: none; /* Chrome + Safari: hide scrollbar */ -} - -.monaco-inputbox > .wrapper > textarea.input.empty { - white-space: nowrap; -} - -.monaco-inputbox > .wrapper > .mirror { - position: absolute; - display: inline-block; - width: 100%; - top: 0; - left: 0; - box-sizing: border-box; - white-space: pre-wrap; - visibility: hidden; - word-wrap: break-word; -} - -/* Context view */ - -.monaco-inputbox-container { - text-align: right; -} - -.monaco-inputbox-container .monaco-inputbox-message { - display: inline-block; - overflow: hidden; - text-align: left; - width: 100%; - box-sizing: border-box; - padding: 0.4em; - font-size: 12px; - line-height: 17px; - min-height: 34px; - margin-top: -1px; - word-wrap: break-word; -} - -/* Action bar support */ -.monaco-inputbox .monaco-action-bar { - position: absolute; - right: 2px; - top: 4px; -} - -.monaco-inputbox .monaco-action-bar .action-item { - margin-left: 2px; -} - -.monaco-inputbox .monaco-action-bar .action-item .codicon { - background-repeat: no-repeat; - width: 16px; - height: 16px; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* Arrows */ -.monaco-scrollable-element > .scrollbar > .scra { - cursor: pointer; - font-size: 11px !important; -} - -.monaco-scrollable-element > .visible { - opacity: 1; - - /* Background rule added for IE9 - to allow clicks on dom node */ - background:rgba(0,0,0,0); - - transition: opacity 100ms linear; -} -.monaco-scrollable-element > .invisible { - opacity: 0; - pointer-events: none; -} -.monaco-scrollable-element > .invisible.fade { - transition: opacity 800ms linear; -} - -/* Scrollable Content Inset Shadow */ -.monaco-scrollable-element > .shadow { - position: absolute; - display: none; -} -.monaco-scrollable-element > .shadow.top { - display: block; - top: 0; - left: 3px; - height: 3px; - width: 100%; - box-shadow: #DDD 0 6px 6px -6px inset; -} -.monaco-scrollable-element > .shadow.left { - display: block; - top: 3px; - left: 0; - height: 100%; - width: 3px; - box-shadow: #DDD 6px 0 6px -6px inset; -} -.monaco-scrollable-element > .shadow.top-left-corner { - display: block; - top: 0; - left: 0; - height: 3px; - width: 3px; -} -.monaco-scrollable-element > .shadow.top.left { - box-shadow: #DDD 6px 6px 6px -6px inset; -} - -/* ---------- Default Style ---------- */ - -.vs .monaco-scrollable-element > .scrollbar > .slider { - background: rgba(100, 100, 100, .4); -} -.vs-dark .monaco-scrollable-element > .scrollbar > .slider { - background: rgba(121, 121, 121, .4); -} -.hc-black .monaco-scrollable-element > .scrollbar > .slider { - background: rgba(111, 195, 223, .6); -} - -.monaco-scrollable-element > .scrollbar > .slider:hover { - background: rgba(100, 100, 100, .7); -} -.hc-black .monaco-scrollable-element > .scrollbar > .slider:hover { - background: rgba(111, 195, 223, .8); -} - -.monaco-scrollable-element > .scrollbar > .slider.active { - background: rgba(0, 0, 0, .6); -} -.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active { - background: rgba(191, 191, 191, .4); -} -.hc-black .monaco-scrollable-element > .scrollbar > .slider.active { - background: rgba(111, 195, 223, 1); -} - -.vs-dark .monaco-scrollable-element .shadow.top { - box-shadow: none; -} - -.vs-dark .monaco-scrollable-element .shadow.left { - box-shadow: #000 6px 0 6px -6px inset; -} - -.vs-dark .monaco-scrollable-element .shadow.top.left { - box-shadow: #000 6px 6px 6px -6px inset; -} - -.hc-black .monaco-scrollable-element .shadow.top { - box-shadow: none; -} - -.hc-black .monaco-scrollable-element .shadow.left { - box-shadow: none; -} - -.hc-black .monaco-scrollable-element .shadow.top.left { - box-shadow: none; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .margin-view-overlays .codicon-folding-expanded, -.monaco-editor .margin-view-overlays .codicon-folding-collapsed { - cursor: pointer; - opacity: 0; - transition: opacity 0.5s; - display: flex; - align-items: center; - justify-content: center; - font-size: 140%; - margin-left: 2px; -} - -.monaco-editor .margin-view-overlays:hover .codicon, -.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed, -.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons { - opacity: 1; -} - -.monaco-editor .inline-folded:after { - color: grey; - margin: 0.1em 0.2em 0 0.2em; - content: "⋯"; - display: inline; - line-height: 1em; - cursor: pointer; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* marker zone */ - -.monaco-editor .peekview-widget .head .peekview-title .severity-icon { - display: inline-block; - vertical-align: text-top; - margin-right: 4px; -} - -.monaco-editor .marker-widget { - text-overflow: ellipsis; - white-space: nowrap; -} - -.monaco-editor .marker-widget > .stale { - opacity: 0.6; - font-style: italic; -} - -.monaco-editor .marker-widget .title { - display: inline-block; - padding-right: 5px; -} - -.monaco-editor .marker-widget .descriptioncontainer { - position: absolute; - white-space: pre; - user-select: text; - -webkit-user-select: text; - -ms-user-select: text; - padding: 8px 12px 0 20px; -} - -.monaco-editor .marker-widget .descriptioncontainer .message { - display: flex; - flex-direction: column; -} - -.monaco-editor .marker-widget .descriptioncontainer .message .details { - padding-left: 6px; -} - -.monaco-editor .marker-widget .descriptioncontainer .message .source, -.monaco-editor .marker-widget .descriptioncontainer .message span.code { - opacity: 0.6; -} - -.monaco-editor .marker-widget .descriptioncontainer .message a.code-link { - opacity: 0.6; - color: inherit; -} -.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before { - content: '('; -} -.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after { - content: ')'; -} -.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span { - text-decoration: underline; - /** Hack to force underline to show **/ - border-bottom: 1px solid transparent; - text-underline-position: under; -} - -.monaco-editor .marker-widget .descriptioncontainer .filename { - cursor: pointer; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .peekview-widget .head { - box-sizing: border-box; - display: flex; -} - -.monaco-editor .peekview-widget .head .peekview-title { - display: flex; - align-items: center; - font-size: 13px; - margin-left: 20px; - cursor: pointer; - min-width: 0; -} - -.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) { - font-size: 0.9em; - margin-left: 0.5em; -} - -.monaco-editor .peekview-widget .head .peekview-title .meta { - white-space: nowrap; -} - -.monaco-editor .peekview-widget .head .peekview-title .dirname { - white-space: nowrap; -} - -.monaco-editor .peekview-widget .head .peekview-title .filename { - overflow: hidden; - text-overflow: ellipsis; -} - -.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before { - content: '-'; - padding: 0 0.3em; -} - -.monaco-editor .peekview-widget .head .peekview-actions { - flex: 1; - text-align: right; - padding-right: 2px; -} - -.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar { - display: inline-block; -} - -.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar, -.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container { - height: 100%; -} - -.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-item { - margin-left: 4px; -} - -.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label { - width: 16px; - height: 100%; - margin: 0; - line-height: inherit; - background-repeat: no-repeat; - background-position: center center; -} - -.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label.codicon { - margin: 0; -} - -.monaco-editor .peekview-widget > .body { - border-top: 1px solid; - position: relative; -} - -.monaco-editor .peekview-widget .head .peekview-title .codicon { - margin-right: 4px; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* -------------------- IE10 remove auto clear button -------------------- */ - -::-ms-clear { - display: none; -} - -/* All widgets */ -/* I am not a big fan of this rule */ -.monaco-editor .editor-widget input { - color: inherit; -} - -/* -------------------- Editor -------------------- */ - -.monaco-editor { - position: relative; - overflow: visible; - -webkit-text-size-adjust: 100%; -} - -/* -------------------- Misc -------------------- */ - -.monaco-editor .overflow-guard { - position: relative; - overflow: hidden; -} - -.monaco-editor .view-overlays { - position: absolute; - top: 0; -} - -/* -.monaco-editor .auto-closed-character { - opacity: 0.3; -} -*/ - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .inputarea { - min-width: 0; - min-height: 0; - margin: 0; - padding: 0; - position: absolute; - outline: none !important; - resize: none; - border: none; - overflow: hidden; - color: transparent; - background-color: transparent; -} -/*.monaco-editor .inputarea { - position: fixed !important; - width: 800px !important; - height: 500px !important; - top: initial !important; - left: initial !important; - bottom: 0 !important; - right: 0 !important; - color: black !important; - background: white !important; - line-height: 15px !important; - font-size: 14px !important; -}*/ -.monaco-editor .inputarea.ime-input { - z-index: 10; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .margin-view-overlays .line-numbers { - font-variant-numeric: tabular-nums; - position: absolute; - text-align: right; - display: inline-block; - vertical-align: middle; - box-sizing: border-box; - cursor: default; - height: 100%; -} - -.monaco-editor .relative-current-line-number { - text-align: left; - display: inline-block; - width: 100%; -} - -.monaco-editor .margin-view-overlays .line-numbers.lh-odd { - margin-top: 1px; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-mouse-cursor-text { - cursor: text; -} - -/* The following selector looks a bit funny, but that is needed to cover all the workbench and the editor!! */ -.vs-dark .mac .monaco-mouse-cursor-text, .hc-black .mac .monaco-mouse-cursor-text, -.vs-dark.mac .monaco-mouse-cursor-text, .hc-black.mac .monaco-mouse-cursor-text { - 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; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .view-overlays .current-line { - display: block; - position: absolute; - left: 0; - top: 0; - box-sizing: border-box; -} - -.monaco-editor .margin-view-overlays .current-line { - display: block; - position: absolute; - left: 0; - top: 0; - box-sizing: border-box; -} - -.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both { - border-right: 0; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* - Keeping name short for faster parsing. - cdr = core decorations rendering (div) -*/ -.monaco-editor .lines-content .cdr { - position: absolute; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .glyph-margin { - position: absolute; - top: 0; -} - -/* - Keeping name short for faster parsing. - cgmr = core glyph margin rendering (div) -*/ -.monaco-editor .margin-view-overlays .cgmr { - position: absolute; - display: flex; - align-items: center; - justify-content: center; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* - Keeping name short for faster parsing. - cigr = core ident guides rendering (div) -*/ -.monaco-editor .lines-content .cigr { - position: absolute; -} -.monaco-editor .lines-content .cigra { - position: absolute; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* Uncomment to see lines flashing when they're painted */ -/*.monaco-editor .view-lines > .view-line { - background-color: none; - animation-name: flash-background; - animation-duration: 800ms; -} -@keyframes flash-background { - 0% { background-color: lightgreen; } - 100% { background-color: none } -}*/ - -.monaco-editor.no-user-select .lines-content, -.monaco-editor.no-user-select .view-line, -.monaco-editor.no-user-select .view-lines { - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -.monaco-editor .view-lines { - white-space: nowrap; -} - -.monaco-editor .view-line { - position: absolute; - width: 100%; -} - -.monaco-editor .mtkz { - display: inline-block; -} - -/* TODO@tokenization bootstrap fix */ -/*.monaco-editor .view-line > span > span { - float: none; - min-height: inherit; - margin-left: inherit; -}*/ - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ -.monaco-editor .lines-decorations { - position: absolute; - top: 0; - background: white; -} - -/* - Keeping name short for faster parsing. - cldr = core lines decorations rendering (div) -*/ -.monaco-editor .margin-view-overlays .cldr { - position: absolute; - height: 100%; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* - Keeping name short for faster parsing. - cmdr = core margin decorations rendering (div) -*/ -.monaco-editor .margin-view-overlays .cmdr { - position: absolute; - left: 0; - width: 100%; - height: 100%; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* START cover the case that slider is visible on mouseover */ -.monaco-editor .minimap.slider-mouseover .minimap-slider { - opacity: 0; - transition: opacity 100ms linear; -} -.monaco-editor .minimap.slider-mouseover:hover .minimap-slider { - opacity: 1; -} -.monaco-editor .minimap.slider-mouseover .minimap-slider.active { - opacity: 1; -} -/* END cover the case that slider is visible on mouseover */ - -.monaco-editor .minimap-shadow-hidden { - position: absolute; - width: 0; -} -.monaco-editor .minimap-shadow-visible { - position: absolute; - left: -6px; - width: 6px; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ -.monaco-editor .overlayWidgets { - position: absolute; - top: 0; - left:0; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .view-ruler { - position: absolute; - top: 0; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .scroll-decoration { - position: absolute; - top: 0; - left: 0; - height: 6px; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* - Keeping name short for faster parsing. - cslr = core selections layer rendering (div) -*/ -.monaco-editor .lines-content .cslr { - position: absolute; -} - -.monaco-editor .top-left-radius { border-top-left-radius: 3px; } -.monaco-editor .bottom-left-radius { border-bottom-left-radius: 3px; } -.monaco-editor .top-right-radius { border-top-right-radius: 3px; } -.monaco-editor .bottom-right-radius { border-bottom-right-radius: 3px; } - -.monaco-editor.hc-black .top-left-radius { border-top-left-radius: 0; } -.monaco-editor.hc-black .bottom-left-radius { border-bottom-left-radius: 0; } -.monaco-editor.hc-black .top-right-radius { border-top-right-radius: 0; } -.monaco-editor.hc-black .bottom-right-radius { border-bottom-right-radius: 0; } - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ -.monaco-editor .cursors-layer { - position: absolute; - top: 0; -} - -.monaco-editor .cursors-layer > .cursor { - position: absolute; - overflow: hidden; -} - -/* -- smooth-caret-animation -- */ -.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor { - transition: all 80ms; -} - -/* -- block-outline-style -- */ -.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor { - box-sizing: border-box; - background: transparent !important; - border-style: solid; - border-width: 1px; -} - -/* -- underline-style -- */ -.monaco-editor .cursors-layer.cursor-underline-style > .cursor { - border-bottom-width: 2px; - border-bottom-style: solid; - background: transparent !important; - box-sizing: border-box; -} - -/* -- underline-thin-style -- */ -.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor { - border-bottom-width: 1px; - border-bottom-style: solid; - background: transparent !important; - box-sizing: border-box; -} - -@keyframes monaco-cursor-smooth { - 0%, - 20% { - opacity: 1; - } - 60%, - 100% { - opacity: 0; - } -} - -@keyframes monaco-cursor-phase { - 0%, - 20% { - opacity: 1; - } - 90%, - 100% { - opacity: 0; - } -} - -@keyframes monaco-cursor-expand { - 0%, - 20% { - transform: scaleY(1); - } - 80%, - 100% { - transform: scaleY(0); - } -} - -.cursor-smooth { - animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate; -} - -.cursor-phase { - animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate; -} - -.cursor-expand > .cursor { - animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ -.monaco-editor .zone-widget { - position: absolute; - z-index: 10; -} - - -.monaco-editor .zone-widget .zone-widget-container { - border-top-style: solid; - border-bottom-style: solid; - border-top-width: 0; - border-bottom-width: 0; - position: relative; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-dropdown { - height: 100%; - padding: 0; -} - -.monaco-dropdown > .dropdown-label { - cursor: pointer; - height: 100%; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* -- zone widget */ -.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget { - border-top-width: 1px; - border-bottom-width: 1px; -} - -.monaco-editor .reference-zone-widget .inline { - display: inline-block; - vertical-align: top; -} - -.monaco-editor .reference-zone-widget .messages { - height: 100%; - width: 100%; - text-align: center; - padding: 3em 0; -} - -.monaco-editor .reference-zone-widget .ref-tree { - line-height: 23px; -} - -.monaco-editor .reference-zone-widget .ref-tree .reference { - text-overflow: ellipsis; - overflow: hidden; -} - -.monaco-editor .reference-zone-widget .ref-tree .reference-file { - display: inline-flex; - width: 100%; - height: 100%; -} - -.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file { - color: inherit !important; -} - -.monaco-editor .reference-zone-widget .ref-tree .reference-file .count { - margin-right: 12px; - margin-left: auto; -} - -/* High Contrast Theming */ - -.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file { - font-weight: bold; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* ---------- Icon label ---------- */ - -.monaco-icon-label { - display: flex; /* required for icons support :before rule */ - overflow: hidden; - text-overflow: ellipsis; -} - -.monaco-icon-label::before { - - /* svg icons rendered as background image */ - background-size: 16px; - background-position: left center; - background-repeat: no-repeat; - padding-right: 6px; - width: 16px; - height: 22px; - line-height: inherit !important; - display: inline-block; - - /* fonts icons */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - vertical-align: top; - - flex-shrink: 0; /* fix for https://github.com/Microsoft/vscode/issues/13787 */ -} - -.monaco-icon-label > .monaco-icon-label-container { - min-width: 0; - overflow: hidden; - text-overflow: ellipsis; - flex: 1; -} - -.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name { - color: inherit; - white-space: pre; /* enable to show labels that include multiple whitespaces */ -} - -.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator { - margin: 0 2px; - opacity: 0.5; -} - -.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { - opacity: .7; - margin-left: 0.5em; - font-size: 0.9em; - white-space: pre; /* enable to show labels that include multiple whitespaces */ -} - -.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { - opacity: .95; -} - -.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name, -.monaco-icon-label.italic > .monaco-icon-description-container > .label-description { - font-style: italic; -} - -.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name, -.monaco-icon-label.strikethrough > .monaco-icon-description-container > .label-description { - text-decoration: line-through; -} - -.monaco-icon-label::after { - opacity: 0.75; - font-size: 90%; - font-weight: 600; - padding: 0 16px 0 5px; - text-align: center; -} - -/* make sure selection color wins when a label is being selected */ -.monaco-list:focus .selected .monaco-icon-label, /* list */ -.monaco-list:focus .selected .monaco-icon-label::after -{ - color: inherit !important; -} - -.monaco-list-row.focused.selected .label-description, -.monaco-list-row.selected .label-description { - opacity: .8; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-count-badge { - padding: 3px 6px; - border-radius: 11px; - font-size: 11px; - min-width: 18px; - min-height: 18px; - line-height: 11px; - font-weight: normal; - text-align: center; - display: inline-block; - box-sizing: border-box; -} - -.monaco-count-badge.long { - padding: 2px 3px; - border-radius: 2px; - min-height: auto; - line-height: normal; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-list { - position: relative; - height: 100%; - width: 100%; - white-space: nowrap; -} - -.monaco-list.mouse-support { - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -.monaco-list > .monaco-scrollable-element { - height: 100%; -} - -.monaco-list-rows { - position: relative; - width: 100%; - height: 100%; -} - -.monaco-list.horizontal-scrolling .monaco-list-rows { - width: auto; - min-width: 100%; -} - -.monaco-list-row { - position: absolute; - box-sizing: border-box; - overflow: hidden; - width: 100%; -} - -.monaco-list.mouse-support .monaco-list-row { - cursor: pointer; - touch-action: none; -} - -/* for OS X ballistic scrolling */ -.monaco-list-row.scrolling { - display: none !important; -} - -/* Focus */ -.monaco-list.element-focused, .monaco-list.selection-single, .monaco-list.selection-multiple { - outline: 0 !important; -} - -.monaco-list:focus .monaco-list-row.selected .codicon { - color: inherit; -} - -/* Dnd */ -.monaco-drag-image { - display: inline-block; - padding: 1px 7px; - border-radius: 10px; - font-size: 12px; - position: absolute; -} - -/* Type filter */ - -.monaco-list-type-filter { - display: flex; - align-items: center; - position: absolute; - border-radius: 2px; - padding: 0px 3px; - max-width: calc(100% - 10px); - text-overflow: ellipsis; - overflow: hidden; - text-align: right; - box-sizing: border-box; - cursor: all-scroll; - font-size: 13px; - line-height: 18px; - height: 20px; - z-index: 1; - top: 4px; -} - -.monaco-list-type-filter.dragging { - transition: top 0.2s, left 0.2s; -} - -.monaco-list-type-filter.ne { - right: 4px; -} - -.monaco-list-type-filter.nw { - left: 4px; -} - -.monaco-list-type-filter > .controls { - display: flex; - align-items: center; - box-sizing: border-box; - transition: width 0.2s; - width: 0; -} - -.monaco-list-type-filter.dragging > .controls, -.monaco-list-type-filter:hover > .controls { - width: 36px; -} - -.monaco-list-type-filter > .controls > * { - border: none; - box-sizing: border-box; - -webkit-appearance: none; - -moz-appearance: none; - background: none; - width: 16px; - height: 16px; - flex-shrink: 0; - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; -} - -.monaco-list-type-filter > .controls > .filter { - margin-left: 4px; -} - -.monaco-list-type-filter-message { - position: absolute; - box-sizing: border-box; - width: 100%; - height: 100%; - top: 0; - left: 0; - padding: 40px 1em 1em 1em; - text-align: center; - white-space: normal; - opacity: 0.7; - pointer-events: none; -} - -.monaco-list-type-filter-message:empty { - display: none; -} - -/* Electron */ - -.monaco-list-type-filter { - cursor: grab; -} - -.monaco-list-type-filter.dragging { - cursor: grabbing; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-tl-row { - display: flex; - height: 100%; - align-items: center; - position: relative; -} - -.monaco-tl-indent { - height: 100%; - position: absolute; - top: 0; - left: 16px; - pointer-events: none; -} - -.hide-arrows .monaco-tl-indent { - left: 12px; -} - -.monaco-tl-indent > .indent-guide { - display: inline-block; - box-sizing: border-box; - height: 100%; - border-left: 1px solid transparent; -} - -.monaco-tl-indent > .indent-guide { - transition: border-color 0.1s linear; -} - -.monaco-tl-twistie, -.monaco-tl-contents { - height: 100%; -} - -.monaco-tl-twistie { - font-size: 10px; - text-align: right; - padding-right: 6px; - flex-shrink: 0; - width: 16px; - display: flex !important; - align-items: center; - justify-content: center; - color: inherit !important; - transform: translateX(3px); -} - -.monaco-tl-contents { - flex: 1; - overflow: hidden; -} - -.monaco-tl-twistie.collapsed::before { - transform: rotate(-90deg); -} - -.monaco-tl-twistie.codicon-tree-item-loading::before { - /* Use steps to throttle FPS to reduce CPU usage */ - animation: codicon-spin 1.25s steps(30) infinite; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-split-view2 { - position: relative; - width: 100%; - height: 100%; -} - -.monaco-split-view2 > .sash-container { - position: absolute; - width: 100%; - height: 100%; - pointer-events: none; -} - -.monaco-split-view2 > .sash-container > .monaco-sash { - pointer-events: initial; -} - -.monaco-split-view2 > .split-view-container { - width: 100%; - height: 100%; - white-space: nowrap; - position: relative; -} - -.monaco-split-view2 > .split-view-container > .split-view-view { - white-space: initial; - position: absolute; -} - -.monaco-split-view2 > .split-view-container > .split-view-view:not(.visible) { - display: none; -} - -.monaco-split-view2.vertical > .split-view-container > .split-view-view { - width: 100%; -} - -.monaco-split-view2.horizontal > .split-view-container > .split-view-view { - height: 100%; -} - -.monaco-split-view2.separator-border > .split-view-container > .split-view-view:not(:first-child)::before { - content: ' '; - position: absolute; - top: 0; - left: 0; - z-index: 5; - pointer-events: none; - background-color: var(--separator-border); -} - -.monaco-split-view2.separator-border.horizontal > .split-view-container > .split-view-view:not(:first-child)::before { - height: 100%; - width: 1px; -} - -.monaco-split-view2.separator-border.vertical > .split-view-container > .split-view-view:not(:first-child)::before { - height: 1px; - width: 100%; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .goto-definition-link { - text-decoration: underline; - cursor: pointer; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.colorpicker-widget { - height: 190px; - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -.monaco-editor .colorpicker-hover:focus { - outline: none; -} - - -/* Header */ - -.colorpicker-header { - display: flex; - height: 24px; - position: relative; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); - background-size: 9px 9px; - image-rendering: pixelated; -} - -.colorpicker-header .picked-color { - width: 216px; - text-align: center; - line-height: 24px; - cursor: pointer; - color: white; - flex: 1; - text-align: center; -} - -.colorpicker-header .picked-color.light { - color: black; -} - -.colorpicker-header .original-color { - width: 74px; - z-index: inherit; - cursor: pointer; -} - - -/* Body */ - -.colorpicker-body { - display: flex; - padding: 8px; - position: relative; -} - -.colorpicker-body .saturation-wrap { - overflow: hidden; - height: 150px; - position: relative; - min-width: 220px; - flex: 1; -} - -.colorpicker-body .saturation-box { - height: 150px; - position: absolute; -} - -.colorpicker-body .saturation-selection { - width: 9px; - height: 9px; - margin: -5px 0 0 -5px; - border: 1px solid rgb(255, 255, 255); - border-radius: 100%; - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); - position: absolute; -} - -.colorpicker-body .strip { - width: 25px; - height: 150px; -} - -.colorpicker-body .hue-strip { - position: relative; - margin-left: 8px; - cursor: grab; - background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); -} - -.colorpicker-body .opacity-strip { - position: relative; - margin-left: 8px; - cursor: grab; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); - background-size: 9px 9px; - image-rendering: pixelated; -} - -.colorpicker-body .strip.grabbing { - cursor: grabbing; -} - -.colorpicker-body .slider { - position: absolute; - top: 0; - left: -2px; - width: calc(100% + 4px); - height: 4px; - box-sizing: border-box; - border: 1px solid rgba(255, 255, 255, 0.71); - box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85); -} - -.colorpicker-body .strip .overlay { - height: 150px; - pointer-events: none; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-hover { - cursor: default; - position: absolute; - overflow: hidden; - z-index: 50; - user-select: text; - -webkit-user-select: text; - -ms-user-select: text; - box-sizing: initial; - animation: fadein 100ms linear; - line-height: 1.5em; -} - -.monaco-hover.hidden { - display: none; -} - -.monaco-hover .hover-contents { - padding: 4px 8px; -} - -.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) { - max-width: 500px; - word-wrap: break-word; -} - -.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr { - /* 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 */ - min-width: calc(100% + 100vw); -} - -.monaco-hover p, -.monaco-hover .code, -.monaco-hover ul { - margin: 8px 0; -} - -.monaco-hover code { - font-family: var(--monaco-monospace-font); -} - -.monaco-hover hr { - margin-top: 4px; - margin-bottom: -4px; - margin-left: -10px; - margin-right: -10px; - height: 1px; -} - -.monaco-hover p:first-child, -.monaco-hover .code:first-child, -.monaco-hover ul:first-child { - margin-top: 0; -} - -.monaco-hover p:last-child, -.monaco-hover .code:last-child, -.monaco-hover ul:last-child { - margin-bottom: 0; -} - -/* MarkupContent Layout */ -.monaco-hover ul { - padding-left: 20px; -} -.monaco-hover ol { - padding-left: 20px; -} - -.monaco-hover li > p { - margin-bottom: 0; -} - -.monaco-hover li > ul { - margin-top: 0; -} - -.monaco-hover code { - border-radius: 3px; - padding: 0 0.4em; -} - -.monaco-hover .monaco-tokenized-source { - white-space: pre-wrap; - word-break: break-all; -} - -.monaco-hover .hover-row.status-bar { - font-size: 12px; - line-height: 22px; -} - -.monaco-hover .hover-row.status-bar .actions { - display: flex; - padding: 0px 8px; -} - -.monaco-hover .hover-row.status-bar .actions .action-container { - margin-right: 16px; - cursor: pointer; -} - -.monaco-hover .hover-row.status-bar .actions .action-container .action .icon { - padding-right: 4px; -} - -.monaco-hover .markdown-hover .hover-contents .codicon { - color: inherit; - font-size: inherit; - vertical-align: middle; -} - -.monaco-hover .hover-contents a.code-link:before { - content: '('; -} -.monaco-hover .hover-contents a.code-link:after { - content: ')'; -} - -.monaco-hover .hover-contents a.code-link { - color: inherit; -} -.monaco-hover .hover-contents a.code-link > span { - text-decoration: underline; - /** Hack to force underline to show **/ - border-bottom: 1px solid transparent; - text-underline-position: under; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .iPadShowKeyboard { - width: 58px; - min-width: 0; - height: 36px; - min-height: 0; - margin: 0; - padding: 0; - position: absolute; - resize: none; - overflow: hidden; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzY0IDQuMDEwNDJINC4wMDc3OUw0LjAwNzc5IDMyLjAyODZINDguMDM2NFY0LjAxMDQyWk00LjAwNzc5IDAuMDA3ODEyNUMxLjc5NzIxIDAuMDA3ODEyNSAwLjAwNTE4Nzk5IDEuNzk5ODQgMC4wMDUxODc5OSA0LjAxMDQyVjMyLjAyODZDMC4wMDUxODc5OSAzNC4yMzkyIDEuNzk3MjEgMzYuMDMxMiA0LjAwNzc5IDM2LjAzMTJINDguMDM2NEM1MC4yNDcgMzYuMDMxMiA1Mi4wMzkgMzQuMjM5MiA1Mi4wMzkgMzIuMDI4NlY0LjAxMDQyQzUyLjAzOSAxLjc5OTg0IDUwLjI0NyAwLjAwNzgxMjUgNDguMDM2NCAwLjAwNzgxMjVINC4wMDc3OVpNOC4wMTA0MiA4LjAxMzAySDEyLjAxM1YxMi4wMTU2SDguMDEwNDJWOC4wMTMwMlpNMjAuMDE4MiA4LjAxMzAySDE2LjAxNTZWMTIuMDE1NkgyMC4wMTgyVjguMDEzMDJaTTI0LjAyMDggOC4wMTMwMkgyOC4wMjM0VjEyLjAxNTZIMjQuMDIwOFY4LjAxMzAyWk0zNi4wMjg2IDguMDEzMDJIMzIuMDI2VjEyLjAxNTZIMzYuMDI4NlY4LjAxMzAyWk00MC4wMzEyIDguMDEzMDJINDQuMDMzOVYxMi4wMTU2SDQwLjAzMTJWOC4wMTMwMlpNMTYuMDE1NiAxNi4wMTgySDguMDEwNDJWMjAuMDIwOEgxNi4wMTU2VjE2LjAxODJaTTIwLjAxODIgMTYuMDE4MkgyNC4wMjA4VjIwLjAyMDhIMjAuMDE4MlYxNi4wMTgyWk0zMi4wMjYgMTYuMDE4MkgyOC4wMjM0VjIwLjAyMDhIMzIuMDI2VjE2LjAxODJaTTQ0LjAzMzkgMTYuMDE4MlYyMC4wMjA4SDM2LjAyODZWMTYuMDE4Mkg0NC4wMzM5Wk0xMi4wMTMgMjQuMDIzNEg4LjAxMDQyVjI4LjAyNkgxMi4wMTNWMjQuMDIzNFpNMTYuMDE1NiAyNC4wMjM0SDM2LjAyODZWMjguMDI2SDE2LjAxNTZWMjQuMDIzNFpNNDQuMDMzOSAyNC4wMjM0SDQwLjAzMTJWMjguMDI2SDQ0LjAzMzlWMjQuMDIzNFoiIGZpbGw9IiM0MjQyNDIiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMCI+DQo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=") center center no-repeat; - border: 4px solid #F6F6F6; - border-radius: 4px; -} - -.monaco-editor.vs-dark .iPadShowKeyboard { - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzY0IDQuMDEwNDJINC4wMDc3OUw0LjAwNzc5IDMyLjAyODZINDguMDM2NFY0LjAxMDQyWk00LjAwNzc5IDAuMDA3ODEyNUMxLjc5NzIxIDAuMDA3ODEyNSAwLjAwNTE4Nzk5IDEuNzk5ODQgMC4wMDUxODc5OSA0LjAxMDQyVjMyLjAyODZDMC4wMDUxODc5OSAzNC4yMzkyIDEuNzk3MjEgMzYuMDMxMiA0LjAwNzc5IDM2LjAzMTJINDguMDM2NEM1MC4yNDcgMzYuMDMxMiA1Mi4wMzkgMzQuMjM5MiA1Mi4wMzkgMzIuMDI4NlY0LjAxMDQyQzUyLjAzOSAxLjc5OTg0IDUwLjI0NyAwLjAwNzgxMjUgNDguMDM2NCAwLjAwNzgxMjVINC4wMDc3OVpNOC4wMTA0MiA4LjAxMzAySDEyLjAxM1YxMi4wMTU2SDguMDEwNDJWOC4wMTMwMlpNMjAuMDE4MiA4LjAxMzAySDE2LjAxNTZWMTIuMDE1NkgyMC4wMTgyVjguMDEzMDJaTTI0LjAyMDggOC4wMTMwMkgyOC4wMjM0VjEyLjAxNTZIMjQuMDIwOFY4LjAxMzAyWk0zNi4wMjg2IDguMDEzMDJIMzIuMDI2VjEyLjAxNTZIMzYuMDI4NlY4LjAxMzAyWk00MC4wMzEyIDguMDEzMDJINDQuMDMzOVYxMi4wMTU2SDQwLjAzMTJWOC4wMTMwMlpNMTYuMDE1NiAxNi4wMTgySDguMDEwNDJWMjAuMDIwOEgxNi4wMTU2VjE2LjAxODJaTTIwLjAxODIgMTYuMDE4MkgyNC4wMjA4VjIwLjAyMDhIMjAuMDE4MlYxNi4wMTgyWk0zMi4wMjYgMTYuMDE4MkgyOC4wMjM0VjIwLjAyMDhIMzIuMDI2VjE2LjAxODJaTTQ0LjAzMzkgMTYuMDE4MlYyMC4wMjA4SDM2LjAyODZWMTYuMDE4Mkg0NC4wMzM5Wk0xMi4wMTMgMjQuMDIzNEg4LjAxMDQyVjI4LjAyNkgxMi4wMTNWMjQuMDIzNFpNMTYuMDE1NiAyNC4wMjM0SDM2LjAyODZWMjguMDI2SDE2LjAxNTZWMjQuMDIzNFpNNDQuMDMzOSAyNC4wMjM0SDQwLjAzMTJWMjguMDI2SDQ0LjAzMzlWMjQuMDIzNFoiIGZpbGw9IiNDNUM1QzUiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMCI+DQo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=") center center no-repeat; - border: 4px solid #252526; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .tokens-inspect-widget { - z-index: 50; - user-select: text; - -webkit-user-select: text; - -ms-user-select: text; - padding: 10px; -} - -.tokens-inspect-separator { - height: 1px; - border: 0; -} - -.monaco-editor .tokens-inspect-widget .tm-token { - font-family: var(--monaco-monospace-font); -} - -.monaco-editor .tokens-inspect-widget .tm-token-length { - font-weight: normal; - font-size: 60%; - float: right; -} - -.monaco-editor .tokens-inspect-widget .tm-metadata-table { - width: 100%; -} - -.monaco-editor .tokens-inspect-widget .tm-metadata-value { - font-family: var(--monaco-monospace-font); - text-align: right; -} - -.monaco-editor .tokens-inspect-widget .tm-token-type { - font-family: var(--monaco-monospace-font); -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ -.monaco-editor .detected-link, -.monaco-editor .detected-link-active { - text-decoration: underline; - text-underline-position: under; -} - -.monaco-editor .detected-link-active { - cursor: pointer; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .on-type-rename-decoration { - border-left: 1px solid transparent; - /* So border can be transparent */ - background-clip: padding-box; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .parameter-hints-widget { - z-index: 10; - display: flex; - flex-direction: column; - line-height: 1.5em; -} - -.monaco-editor .parameter-hints-widget > .wrapper { - max-width: 440px; - display: flex; - flex-direction: row; -} - -.monaco-editor .parameter-hints-widget.multiple { - min-height: 3.3em; - padding: 0; -} - -.monaco-editor .parameter-hints-widget.visible { - transition: left .05s ease-in-out; -} - -.monaco-editor .parameter-hints-widget p, -.monaco-editor .parameter-hints-widget ul { - margin: 8px 0; -} - -.monaco-editor .parameter-hints-widget .monaco-scrollable-element, -.monaco-editor .parameter-hints-widget .body { - display: flex; - flex: 1; - flex-direction: column; - min-height: 100%; -} - -.monaco-editor .parameter-hints-widget .signature { - padding: 4px 5px; -} - -.monaco-editor .parameter-hints-widget .docs { - padding: 0 10px 0 5px; - white-space: pre-wrap; -} - -.monaco-editor .parameter-hints-widget .docs.empty { - display: none; -} - -.monaco-editor .parameter-hints-widget .docs .markdown-docs { - white-space: initial; -} - -.monaco-editor .parameter-hints-widget .docs .markdown-docs code { - font-family: var(--monaco-monospace-font); -} - -.monaco-editor .parameter-hints-widget .docs .code { - white-space: pre-wrap; -} - -.monaco-editor .parameter-hints-widget .docs code { - border-radius: 3px; - padding: 0 0.4em; -} - -.monaco-editor .parameter-hints-widget .controls { - display: none; - flex-direction: column; - align-items: center; - min-width: 22px; - justify-content: flex-end; -} - -.monaco-editor .parameter-hints-widget.multiple .controls { - display: flex; - padding: 0 2px; -} - -.monaco-editor .parameter-hints-widget.multiple .button { - width: 16px; - height: 16px; - background-repeat: no-repeat; - cursor: pointer; -} - -.monaco-editor .parameter-hints-widget .button.previous { - bottom: 24px; -} - -.monaco-editor .parameter-hints-widget .overloads { - text-align: center; - height: 12px; - line-height: 12px; - opacity: 0.5; - font-family: var(--monaco-monospace-font); -} - -.monaco-editor .parameter-hints-widget .signature .parameter.active { - font-weight: bold; - text-decoration: underline; -} - -.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter { - font-weight: bold; - margin-right: 0.5em; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .rename-box { - z-index: 100; - color: inherit; -} - -.monaco-editor .rename-box.preview { - padding: 3px 3px 0 3px; -} - -.monaco-editor .rename-box .rename-input { - padding: 3px; - width: calc(100% - 6px); -} - -.monaco-editor .rename-box .rename-label { - display: none; - opacity: .8; -} - -.monaco-editor .rename-box.preview .rename-label { - display: inherit; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .snippet-placeholder { - min-width: 2px; - outline-style: solid; - outline-width: 1px; -} - -.monaco-editor .finish-snippet-placeholder { - outline-style: solid; - outline-width: 1px; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* Suggest widget*/ -.monaco-editor .suggest-widget { - z-index: 40; -} - -/** Initial widths **/ - -.monaco-editor .suggest-widget { - width: 430px; -} - -.monaco-editor .suggest-widget > .message, -.monaco-editor .suggest-widget > .tree, -.monaco-editor .suggest-widget > .details { - width: 100%; - border-style: solid; - border-width: 1px; - box-sizing: border-box; -} - -.monaco-editor.hc-black .suggest-widget > .message, -.monaco-editor.hc-black .suggest-widget > .tree, -.monaco-editor.hc-black .suggest-widget > .details { - border-width: 2px; -} - -/** Adjust width when docs are expanded to the side **/ -.monaco-editor .suggest-widget.docs-side { - width: 660px; -} - -.monaco-editor .suggest-widget.docs-side > .tree, -.monaco-editor .suggest-widget.docs-side > .details { - width: 50%; - float: left; -} - -.monaco-editor .suggest-widget.docs-side.list-right > .tree, -.monaco-editor .suggest-widget.docs-side.list-right > .details { - float: right; -} - -/* MarkupContent Layout */ -.monaco-editor .suggest-widget > .details ul { - padding-left: 20px; -} -.monaco-editor .suggest-widget > .details ol { - padding-left: 20px; -} - -.monaco-editor .suggest-widget > .details p code { - font-family: var(--monaco-monospace-font); -} - -/* Styles for Message element for when widget is loading or is empty */ -.monaco-editor .suggest-widget > .message { - padding-left: 22px; -} - -/** Styles for the list element **/ -.monaco-editor .suggest-widget > .tree { - height: 100%; -} - -.monaco-editor .suggest-widget .monaco-list { - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -/** Styles for each row in the list element **/ - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row { - display: flex; - -mox-box-sizing: border-box; - box-sizing: border-box; - padding-right: 10px; - background-repeat: no-repeat; - background-position: 2px 2px; - white-space: nowrap; - cursor: pointer; - touch-action: none; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents { - flex: 1; - height: 100%; - overflow: hidden; - padding-left: 2px; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main { - display: flex; - overflow: hidden; - text-overflow: ellipsis; - white-space: pre; - justify-content: space-between; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left, -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right { - display: flex; -} - -.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight { - font-weight: bold; -} - -/** Status Bar **/ - -.monaco-editor .suggest-widget > .suggest-status-bar { - visibility: hidden; - - position: absolute; - left: 0; - - box-sizing: border-box; - - display: flex; - flex-flow: row nowrap; - justify-content: space-between; - - width: 100%; - - font-size: 80%; - - border-left-width: 1px; - border-left-style: solid; - border-right-width: 1px; - border-right-style: solid; - border-bottom-width: 1px; - border-bottom-style: solid; - - padding: 0 8px 0 4px; -} - -.monaco-editor .suggest-widget.list-right.docs-side > .suggest-status-bar { - left: auto; - right: 0; -} -.monaco-editor .suggest-widget.docs-side > .suggest-status-bar { - width: 50%; -} - -/** ReadMore Icon styles **/ - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close, -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before { - color: inherit; - opacity: 1; - font-size: 14px; - cursor: pointer; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close { - position: absolute; - top: 2px; - right: 2px; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close:hover, -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover { - opacity: 1; -} - -/** signature, qualifier, type/details opacity **/ -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label, -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label, -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label { - opacity: 0.7; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label { - overflow: hidden; - text-overflow: ellipsis; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label { - margin-left: 4px; - opacity: 0.4; - font-size: 90%; - text-overflow: ellipsis; - overflow: hidden; - line-height: 17px; - align-self: center; -} - -/** Type Info and icon next to the label in the focused completion item **/ - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label { - margin-left: 0.8em; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source { - display: inline; -} - -/** Details: if using CompletionItem#details, show on focus **/ - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label, -.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label { - display: none; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label { - display: inline; -} - -/** Details: if using CompletionItemLabel#details, always show **/ - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label, -.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label { - display: inline; -} - -/** Ellipsis on hover **/ -.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label { - width: calc(100% - 26px); -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left { - flex-shrink: 1; - flex-grow: 1; - overflow: hidden; -} -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label { - flex-shrink: 0; -} -.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label { - max-width: 100%; -} -.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label { - flex-shrink: 1; -} -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right { - overflow: hidden; - margin-left: 16px; - flex-shrink: 0; - max-width: 45%; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { - display: inline-block; - position: absolute; - right: 10px; - width: 18px; - height: 18px; - visibility: hidden; -} - -/** Do NOT display ReadMore when docs is side/below **/ -.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, -.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { - display: none !important; -} - -/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/ -.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore { - display: none; -} -/** Focused item can show ReadMore, but can't when docs is side/below **/ -.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore { - display: inline-block; -} - -.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, -.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { - display: none; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row:hover > .contents > .main > .right > .readMore { - visibility: visible; -} - -/** Styles for each row in the list **/ - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated { - opacity: 0.66; - text-decoration: unset; -} -.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container { - text-decoration: line-through; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before { - height: 100%; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon { - display: block; - height: 16px; - width: 16px; - margin-left: 2px; - background-repeat: no-repeat; - background-size: 80%; - background-position: center; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide { - display: none; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon { - display: flex; - align-items: center; - margin-right: 4px; -} - -.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon, -.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before { - display: none; -} - -.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan { - margin: 0 0 0 0.3em; - border: 0.1em solid #000; - width: 0.7em; - height: 0.7em; - display: inline-block; -} - -/** Styles for the docs of the completion item in focus **/ -.monaco-editor .suggest-widget .details { - display: flex; - flex-direction: column; - cursor: default; -} - -.monaco-editor .suggest-widget .details.no-docs { - display: none; -} - -.monaco-editor .suggest-widget.docs-below .details { - border-top-width: 0; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element { - flex: 1; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body { - position: absolute; - box-sizing: border-box; - height: 100%; - width: 100%; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .type { - flex: 2; - overflow: hidden; - text-overflow: ellipsis; - opacity: 0.7; - word-break: break-all; - margin: 0 24px 0 0; - padding: 4px 0 12px 5px; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs { - margin: 0; - padding: 4px 5px; - white-space: pre-wrap; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs { - padding: 0; - white-space: initial; - min-height: calc(1rem + 8px); -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div, -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) { - padding: 4px 5px; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child { - margin-top: 0; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child { - margin-bottom: 0; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs .code { - white-space: pre-wrap; - word-wrap: break-word; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon { - vertical-align: sub; -} - -.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > p:empty { - display: none; -} - -.monaco-editor .suggest-widget .details code { - border-radius: 3px; - padding: 0 0.4em; -} - - -/* replace/insert decorations */ - -.monaco-editor .suggest-insert-unexpected { - font-style: italic; -} - - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar { - visibility: visible; -} -.monaco-editor .suggest-widget.with-status-bar > .tree { - margin-bottom: 18px; -} - -.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label { - min-height: 18px; - opacity: 0.5; - color: inherit; -} - -.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label { - margin-right: 0; -} - -.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after { - content: ', '; - margin-right: 0.3em; -} - -.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, -.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore { - display: none; -} - -.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label { - width: 100%; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -@font-face { - font-family: "codicon"; - src: url(codicon.ttf) format("truetype"); -} - -.codicon[class*='codicon-'] { - font: normal normal normal 16px/1 codicon; - display: inline-block; - text-decoration: none; - text-rendering: auto; - text-align: center; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -/* icon rules are dynamically created in codiconStyles */ - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.codicon-wrench-subaction { - opacity: 0.5; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -@keyframes codicon-spin { - 100% { - transform:rotate(360deg); - } -} - -.codicon-animation-spin { - /* Use steps to throttle FPS to reduce CPU usage */ - animation: codicon-spin 1.5s steps(30) infinite; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-list .monaco-list-row.focused.selected .outline-element .monaco-highlighted-label, -.monaco-list .monaco-list-row.focused.selected .outline-element-decoration { - /* make sure selection color wins when a label is being selected */ - color: inherit !important; -} - -.monaco-list .outline-element { - display: flex; - flex: 1; - flex-flow: row nowrap; - align-items: center; -} - -.monaco-list .outline-element .monaco-highlighted-label { - color: var(--outline-element-color); -} - -.monaco-list .outline-element .outline-element-decoration { - opacity: 0.75; - font-size: 90%; - font-weight: 600; - padding: 0 12px 0 5px; - margin-left: auto; - text-align: center; - color: var(--outline-element-color); -} - -.monaco-list .outline-element .outline-element-decoration.bubble { - font-family: codicon; - font-size: 14px; - opacity: 0.4; -} - -.monaco-list .outline-element .outline-element-icon { - margin-right: 4px; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-icon-label.deprecated { - text-decoration: line-through; - opacity: 0.66; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - - -/* Default standalone editor fonts */ -.monaco-editor { - font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif; - --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace; -} - -.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label { - stroke-width: 1.2px; -} - -.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, -.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label { - stroke-width: 1.2px; -} - -.monaco-hover p { - margin: 0; -} - -/* The hc-black theme is already high contrast optimized */ -.monaco-editor.hc-black { - -ms-high-contrast-adjust: none; -} -/* In case the browser goes into high contrast mode and the editor is not configured with the hc-black theme */ -@media screen and (-ms-high-contrast:active) { - - /* current line highlight */ - .monaco-editor.vs .view-overlays .current-line, - .monaco-editor.vs-dark .view-overlays .current-line { - border-color: windowtext !important; - border-left: 0; - border-right: 0; - } - - /* view cursors */ - .monaco-editor.vs .cursor, - .monaco-editor.vs-dark .cursor { - background-color: windowtext !important; - } - /* dnd target */ - .monaco-editor.vs .dnd-target, - .monaco-editor.vs-dark .dnd-target { - border-color: windowtext !important; - } - - /* selected text background */ - .monaco-editor.vs .selected-text, - .monaco-editor.vs-dark .selected-text { - background-color: highlight !important; - } - - /* allow the text to have a transparent background. */ - .monaco-editor.vs .view-line, - .monaco-editor.vs-dark .view-line { - -ms-high-contrast-adjust: none; - } - - /* text color */ - .monaco-editor.vs .view-line span, - .monaco-editor.vs-dark .view-line span { - color: windowtext !important; - } - /* selected text color */ - .monaco-editor.vs .view-line span.inline-selected-text, - .monaco-editor.vs-dark .view-line span.inline-selected-text { - color: highlighttext !important; - } - - /* allow decorations */ - .monaco-editor.vs .view-overlays, - .monaco-editor.vs-dark .view-overlays { - -ms-high-contrast-adjust: none; - } - - /* various decorations */ - .monaco-editor.vs .selectionHighlight, - .monaco-editor.vs-dark .selectionHighlight, - .monaco-editor.vs .wordHighlight, - .monaco-editor.vs-dark .wordHighlight, - .monaco-editor.vs .wordHighlightStrong, - .monaco-editor.vs-dark .wordHighlightStrong, - .monaco-editor.vs .reference-decoration, - .monaco-editor.vs-dark .reference-decoration { - border: 2px dotted highlight !important; - background: transparent !important; - box-sizing: border-box; - } - .monaco-editor.vs .rangeHighlight, - .monaco-editor.vs-dark .rangeHighlight { - background: transparent !important; - border: 1px dotted activeborder !important; - box-sizing: border-box; - } - .monaco-editor.vs .bracket-match, - .monaco-editor.vs-dark .bracket-match { - border-color: windowtext !important; - background: transparent !important; - } - - /* find widget */ - .monaco-editor.vs .findMatch, - .monaco-editor.vs-dark .findMatch, - .monaco-editor.vs .currentFindMatch, - .monaco-editor.vs-dark .currentFindMatch { - border: 2px dotted activeborder !important; - background: transparent !important; - box-sizing: border-box; - } - .monaco-editor.vs .find-widget, - .monaco-editor.vs-dark .find-widget { - border: 1px solid windowtext; - } - - /* list - used by suggest widget */ - .monaco-editor.vs .monaco-list .monaco-list-row, - .monaco-editor.vs-dark .monaco-list .monaco-list-row { - -ms-high-contrast-adjust: none; - color: windowtext !important; - } - .monaco-editor.vs .monaco-list .monaco-list-row.focused, - .monaco-editor.vs-dark .monaco-list .monaco-list-row.focused { - color: highlighttext !important; - background-color: highlight !important; - } - .monaco-editor.vs .monaco-list .monaco-list-row:hover, - .monaco-editor.vs-dark .monaco-list .monaco-list-row:hover { - background: transparent !important; - border: 1px solid highlight; - box-sizing: border-box; - } - - /* scrollbars */ - .monaco-editor.vs .monaco-scrollable-element > .scrollbar, - .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar { - -ms-high-contrast-adjust: none; - background: background !important; - border: 1px solid windowtext; - box-sizing: border-box; - } - .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider, - .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider { - background: windowtext !important; - } - .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover, - .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider:hover { - background: highlight !important; - } - .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider.active, - .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active { - background: highlight !important; - } - - /* overview ruler */ - .monaco-editor.vs .decorationsOverviewRuler, - .monaco-editor.vs-dark .decorationsOverviewRuler { - opacity: 0; - } - - /* minimap */ - .monaco-editor.vs .minimap, - .monaco-editor.vs-dark .minimap { - display: none; - } - - /* squiggles */ - .monaco-editor.vs .squiggly-d-error, - .monaco-editor.vs-dark .squiggly-d-error { - background: transparent !important; - border-bottom: 4px double #E47777; - } - .monaco-editor.vs .squiggly-c-warning, - .monaco-editor.vs-dark .squiggly-c-warning { - border-bottom: 4px double #71B771; - } - .monaco-editor.vs .squiggly-b-info, - .monaco-editor.vs-dark .squiggly-b-info { - border-bottom: 4px double #71B771; - } - .monaco-editor.vs .squiggly-a-hint, - .monaco-editor.vs-dark .squiggly-a-hint { - border-bottom: 4px double #6c6c6c; - } - - /* contextmenu */ - .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, - .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label { - -ms-high-contrast-adjust: none; - color: highlighttext !important; - background-color: highlight !important; - } - .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label, - .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label { - -ms-high-contrast-adjust: none; - background: transparent !important; - border: 1px solid highlight; - box-sizing: border-box; - } - - /* diff editor */ - .monaco-diff-editor.vs .diffOverviewRuler, - .monaco-diff-editor.vs-dark .diffOverviewRuler { - display: none; - } - .monaco-editor.vs .line-insert, - .monaco-editor.vs-dark .line-insert, - .monaco-editor.vs .line-delete, - .monaco-editor.vs-dark .line-delete { - background: transparent !important; - border: 1px solid highlight !important; - box-sizing: border-box; - } - .monaco-editor.vs .char-insert, - .monaco-editor.vs-dark .char-insert, - .monaco-editor.vs .char-delete, - .monaco-editor.vs-dark .char-delete { - background: transparent !important; - } -} - -/*.monaco-editor.vs [tabindex="0"]:focus { - outline: 1px solid rgba(0, 122, 204, 0.4); - outline-offset: -1px; - opacity: 1 !important; -} - -.monaco-editor.vs-dark [tabindex="0"]:focus { - outline: 1px solid rgba(14, 99, 156, 0.6); - outline-offset: -1px; - opacity: 1 !important; -}*/ - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ -/* ---------- DiffEditor ---------- */ - -.monaco-diff-editor .diffOverview { - z-index: 9; -} - -.monaco-diff-editor .diffOverview .diffViewport { - z-index: 10; -} - -/* colors not externalized: using transparancy on background */ -.monaco-diff-editor.vs .diffOverview { background: rgba(0, 0, 0, 0.03); } -.monaco-diff-editor.vs-dark .diffOverview { background: rgba(255, 255, 255, 0.01); } - -.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar { background: rgba(0,0,0,0); } -.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar { background: rgba(0,0,0,0); } -.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar { background: none; } - -.monaco-scrollable-element.modified-in-monaco-diff-editor .slider { - z-index: 10; -} -.modified-in-monaco-diff-editor .slider.active { background: rgba(171, 171, 171, .4); } -.modified-in-monaco-diff-editor.hc-black .slider.active { background: none; } - -/* ---------- Diff ---------- */ - -.monaco-editor .insert-sign, -.monaco-diff-editor .insert-sign, -.monaco-editor .delete-sign, -.monaco-diff-editor .delete-sign { - font-size: 11px !important; - opacity: 0.7 !important; - display: flex !important; - align-items: center; -} -.monaco-editor.hc-black .insert-sign, -.monaco-diff-editor.hc-black .insert-sign, -.monaco-editor.hc-black .delete-sign, -.monaco-diff-editor.hc-black .delete-sign { - opacity: 1; -} - -.monaco-editor .inline-deleted-margin-view-zone { - text-align: right; -} -.monaco-editor .inline-added-margin-view-zone { - text-align: right; -} - -/* ---------- Inline Diff ---------- */ - -.monaco-editor .view-zones .view-lines .view-line span { - display: inline-block; -} - -.monaco-editor .margin-view-zones .lightbulb-glyph:hover { - cursor: pointer; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-diff-editor .diff-review-line-number { - text-align: right; - display: inline-block; -} - -.monaco-diff-editor .diff-review { - position: absolute; - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -.monaco-diff-editor .diff-review-summary { - padding-left: 10px; -} - -.monaco-diff-editor .diff-review-shadow { - position: absolute; -} - -.monaco-diff-editor .diff-review-row { - white-space: pre; -} - -.monaco-diff-editor .diff-review-table { - display: table; - min-width: 100%; -} - -.monaco-diff-editor .diff-review-row { - display: table-row; - width: 100%; -} - -.monaco-diff-editor .diff-review-spacer { - display: inline-block; - width: 10px; - vertical-align: middle; -} - -.monaco-diff-editor .diff-review-spacer > .codicon { - font-size: 9px !important; -} - -.monaco-diff-editor .diff-review-actions { - display: inline-block; - position: absolute; - right: 10px; - top: 2px; -} - -.monaco-diff-editor .diff-review-actions .action-label { - width: 16px; - height: 16px; - margin: 2px 0; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.context-view .monaco-menu { - min-width: 130px; -} - - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.context-view { - position: absolute; - z-index: 2500; -} - -.context-view.fixed { - all: initial; - font-family: inherit; - font-size: 13px; - position: fixed; - z-index: 2500; - color: inherit; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.quick-input-widget { - font-size: 13px; -} - -.quick-input-widget .monaco-highlighted-label .highlight, -.quick-input-widget .monaco-highlighted-label .highlight { - color: #0066BF; -} - -.vs-dark .quick-input-widget .monaco-highlighted-label .highlight, -.vs-dark .quick-input-widget .monaco-highlighted-label .highlight { - color: #0097fb; -} - -.hc-black .quick-input-widget .monaco-highlighted-label .highlight, -.hc-black .quick-input-widget .monaco-highlighted-label .highlight { - color: #F38518; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.quick-input-widget { - position: absolute; - width: 600px; - z-index: 2000; - padding-bottom: 6px; - left: 50%; - margin-left: -300px; -} - -.quick-input-titlebar { - display: flex; -} - -.quick-input-left-action-bar { - display: flex; - margin-left: 4px; - flex: 1; -} - -.quick-input-left-action-bar.monaco-action-bar .actions-container { - justify-content: flex-start; -} - -.quick-input-title { - padding: 3px 0px; - text-align: center; -} - -.quick-input-right-action-bar { - display: flex; - margin-right: 4px; - flex: 1; -} - -.quick-input-titlebar .monaco-action-bar .action-label.codicon { - margin: 0; - width: 19px; - height: 100%; - background-position: center; - background-repeat: no-repeat; -} - -.quick-input-description { - margin: 6px; -} - -.quick-input-header { - display: flex; - padding: 6px 6px 0px 6px; - margin-bottom: -2px; -} - -.quick-input-widget.hidden-input .quick-input-header { - /* reduce margins and paddings when input box hidden */ - padding: 0; - margin-bottom: 0; -} - -.quick-input-and-message { - display: flex; - flex-direction: column; - flex-grow: 1; - position: relative; -} - -.quick-input-check-all { - align-self: center; - margin: 0; -} - -.quick-input-filter { - flex-grow: 1; - display: flex; - position: relative; -} - -.quick-input-box { - flex-grow: 1; -} - -.quick-input-widget.show-checkboxes .quick-input-box, -.quick-input-widget.show-checkboxes .quick-input-message { - margin-left: 5px; -} - -.quick-input-visible-count { - position: absolute; - left: -10000px; -} - -.quick-input-count { - align-self: center; - position: absolute; - right: 4px; - display: flex; - align-items: center; -} - -.quick-input-count .monaco-count-badge { - vertical-align: middle; - padding: 2px 4px; - border-radius: 2px; - min-height: auto; - line-height: normal; -} - -.quick-input-action { - margin-left: 6px; -} - -.quick-input-action .monaco-text-button { - font-size: 11px; - padding: 0 6px; - display: flex; - height: 100%; - align-items: center; -} - -.quick-input-message { - margin-top: -1px; - padding: 5px 5px 2px 5px; -} - -.quick-input-progress.monaco-progress-container { - position: relative; -} - -.quick-input-progress.monaco-progress-container, -.quick-input-progress.monaco-progress-container .progress-bit { - height: 2px; -} - -.quick-input-list { - line-height: 22px; - margin-top: 6px; -} - -.quick-input-widget.hidden-input .quick-input-list { - margin-top: 0; /* reduce margins when input box hidden */ -} - -.quick-input-list .monaco-list { - overflow: hidden; - max-height: calc(20 * 22px); -} - -.quick-input-list .quick-input-list-entry { - box-sizing: border-box; - overflow: hidden; - display: flex; - height: 100%; - padding: 0 6px; -} - -.quick-input-list .quick-input-list-entry.quick-input-list-separator-border { - border-top-width: 1px; - border-top-style: solid; -} - -.quick-input-list .monaco-list-row:first-child .quick-input-list-entry.quick-input-list-separator-border { - border-top-style: none; -} - -.quick-input-list .quick-input-list-label { - overflow: hidden; - display: flex; - height: 100%; - flex: 1; -} - -.quick-input-list .quick-input-list-checkbox { - align-self: center; - margin: 0; -} - -.quick-input-list .quick-input-list-rows { - overflow: hidden; - text-overflow: ellipsis; - display: flex; - flex-direction: column; - height: 100%; - flex: 1; - margin-left: 5px; -} - -.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows { - margin-left: 10px; -} - -.quick-input-widget .quick-input-list .quick-input-list-checkbox { - display: none; -} -.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox { - display: inline; -} - -.quick-input-list .quick-input-list-rows > .quick-input-list-row { - display: flex; - align-items: center; -} - -.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label, -.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container { - flex: 1; /* make sure the icon label grows within the row */ -} - -.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] { - vertical-align: sub; -} - -.quick-input-list .quick-input-list-rows .monaco-highlighted-label span { - opacity: 1; -} - -.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding { - margin-right: 8px; /* separate from the separator label or scrollbar if any */ -} - -.quick-input-list .quick-input-list-label-meta { - opacity: 0.7; - line-height: normal; - text-overflow: ellipsis; - overflow: hidden; -} - -.quick-input-list .monaco-highlighted-label .highlight { - font-weight: bold; -} - -.quick-input-list .quick-input-list-entry .quick-input-list-separator { - margin-right: 8px; /* separate from keybindings or actions */ -} - -.quick-input-list .quick-input-list-entry-action-bar { - display: flex; - flex: 0; - overflow: visible; -} - -.quick-input-list .quick-input-list-entry-action-bar .action-label { - /* - * By default, actions in the quick input action bar are hidden - * until hovered over them or selected. - */ - display: none; -} - -.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon { - margin: 0; - height: 100%; - padding: 0 2px; - vertical-align: middle; -} - -.quick-input-list .quick-input-list-entry-action-bar { - margin-top: 1px; -} - -.quick-input-list .quick-input-list-entry-action-bar { - margin-right: 4px; /* separate from scrollbar */ -} - -.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon { - margin-right: 4px; /* separate actions */ -} - -.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible, -.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label, -.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label { - display: flex; -} - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-keybinding { - display: flex; - align-items: center; - line-height: 10px; -} - -.monaco-keybinding > .monaco-keybinding-key { - display: inline-block; - border: solid 1px rgba(204, 204, 204, 0.4); - border-bottom-color: rgba(187, 187, 187, 0.4); - border-radius: 3px; - box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4); - background-color: rgba(221, 221, 221, 0.4); - vertical-align: middle; - color: #555; - font-size: 11px; - padding: 3px 5px; - margin: 0 2px; -} - -.monaco-keybinding > .monaco-keybinding-key:first-child { - margin-left: 0; -} - -.monaco-keybinding > .monaco-keybinding-key:last-child { - margin-right: 0; -} - -.hc-black .monaco-keybinding > .monaco-keybinding-key, -.vs-dark .monaco-keybinding > .monaco-keybinding-key { - background-color: rgba(128, 128, 128, 0.17); - color: #ccc; - border: solid 1px rgba(51, 51, 51, 0.6); - border-bottom-color: rgba(68, 68, 68, 0.6); - box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6); -} - -.monaco-keybinding > .monaco-keybinding-key-separator { - display: inline-block; -} - -.monaco-keybinding > .monaco-keybinding-key-chord-separator { - width: 6px; -} -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-progress-container { - width: 100%; - height: 5px; - overflow: hidden; /* keep progress bit in bounds */ -} - -.monaco-progress-container .progress-bit { - width: 2%; - height: 5px; - position: absolute; - left: 0; - display: none; -} - -.monaco-progress-container.active .progress-bit { - display: inherit; -} - -.monaco-progress-container.discrete .progress-bit { - left: 0; - transition: width 100ms linear; -} - -.monaco-progress-container.discrete.done .progress-bit { - width: 100%; -} - -.monaco-progress-container.infinite .progress-bit { - animation-name: progress; - animation-duration: 4s; - animation-iteration-count: infinite; - animation-timing-function: linear; - transform: translate3d(0px, 0px, 0px); -} - -/** - * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of - * that container. Since translateX is relative to the progress bit size, we have to multiple it with - * its relative size to the parent container: - * 50%: 50 * 50 = 2500% - * 100%: 50 * 100 - 50 (do not overflow): 4950% - */ -@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4950%) scaleX(1) } } - -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -.monaco-text-button { - box-sizing: border-box; - display: flex; - width: 100%; - padding: 4px; - text-align: center; - cursor: pointer; - outline-offset: 2px !important; - justify-content: center; - align-items: center; -} - -.monaco-text-button:hover { - text-decoration: none !important; -} - -.monaco-button.disabled { - opacity: 0.4; - cursor: default; -} - -.monaco-button > .codicon { - margin: 0 0.2em; - color: inherit !important; -} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .accessibilityHelpWidget { + padding: 10px; + vertical-align: middle; + overflow: scroll; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-aria-container { + position: absolute; /* try to hide from window but not from screen readers */ + left:-999em; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .selection-anchor { + background-color: #007ACC; + width: 2px !important; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .bracket-match { + box-sizing: border-box; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .monaco-editor-overlaymessage { + padding-bottom: 8px; + z-index: 10000; +} + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +.monaco-editor .monaco-editor-overlaymessage.fadeIn { + animation: fadeIn 150ms ease-out; +} + +@keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} +.monaco-editor .monaco-editor-overlaymessage.fadeOut { + animation: fadeOut 100ms ease-out; +} + +.monaco-editor .monaco-editor-overlaymessage .message { + padding: 1px 4px; +} + +.monaco-editor .monaco-editor-overlaymessage .anchor { + width: 0 !important; + height: 0 !important; + border-color: transparent; + border-style: solid; + z-index: 1000; + border-width: 8px; + position: absolute; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .lightbulb-glyph, +.monaco-editor .codicon-lightbulb { + display: flex; + align-items: center; + justify-content: center; + height: 16px; + width: 20px; + padding-left: 2px; +} + +.monaco-editor .lightbulb-glyph:hover, +.monaco-editor .codicon-lightbulb:hover { + cursor: pointer; + /* transform: scale(1.3, 1.3); */ +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .codelens-decoration { + overflow: hidden; + display: inline-block; + text-overflow: ellipsis; +} + +.monaco-editor .codelens-decoration > span, +.monaco-editor .codelens-decoration > a { + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + white-space: nowrap; + vertical-align: sub; +} + +.monaco-editor .codelens-decoration > a { + text-decoration: none; +} + +.monaco-editor .codelens-decoration > a:hover { + cursor: pointer; +} + +.monaco-editor .codelens-decoration .codicon { + vertical-align: middle; + color: currentColor !important; +} + +.monaco-editor .codelens-decoration > a:hover .codicon::before { + cursor: pointer; +} + +@keyframes fadein { + 0% { opacity: 0; visibility: visible;} + 100% { opacity: 1; } +} + +.monaco-editor .codelens-decoration.fadein { + animation: fadein 0.1s linear; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-action-bar { + text-align: right; + white-space: nowrap; +} + +.monaco-action-bar .actions-container { + display: flex; + margin: 0 auto; + padding: 0; + width: 100%; + justify-content: flex-end; +} + +.monaco-action-bar.vertical .actions-container { + display: inline-block; +} + +.monaco-action-bar.reverse .actions-container { + flex-direction: row-reverse; +} + +.monaco-action-bar .action-item { + cursor: pointer; + display: inline-block; + transition: transform 50ms ease; + position: relative; /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */ +} + +.monaco-action-bar .action-item.disabled { + cursor: default; +} + +.monaco-action-bar.animated .action-item.active { + transform: scale(1.272019649, 1.272019649); /* 1.272019649 = √φ */ +} + +.monaco-action-bar .action-item .icon, +.monaco-action-bar .action-item .codicon { + display: inline-block; +} + +.monaco-action-bar .action-item .codicon { + display: flex; + align-items: center; +} + +.monaco-action-bar .action-label { + font-size: 11px; + margin-right: 4px; +} + +.monaco-action-bar .action-item.disabled .action-label, +.monaco-action-bar .action-item.disabled .action-label:hover { + opacity: 0.4; +} + +/* Vertical actions */ + +.monaco-action-bar.vertical { + text-align: left; +} + +.monaco-action-bar.vertical .action-item { + display: block; +} + +.monaco-action-bar.vertical .action-label.separator { + display: block; + border-bottom: 1px solid #bbb; + padding-top: 1px; + margin-left: .8em; + margin-right: .8em; +} + +.monaco-action-bar.animated.vertical .action-item.active { + transform: translate(5px, 0); +} + +.secondary-actions .monaco-action-bar .action-label { + margin-left: 6px; +} + +/* Action Items */ +.monaco-action-bar .action-item.select-container { + overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */ + flex: 1; + max-width: 170px; + min-width: 60px; + display: flex; + align-items: center; + justify-content: center; + margin-right: 10px; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor.vs .dnd-target { + border-right: 2px dotted black; + color: white; /* opposite of black */ +} +.monaco-editor.vs-dark .dnd-target { + border-right: 2px dotted #AEAFAD; + color: #51504f; /* opposite of #AEAFAD */ +} +.monaco-editor.hc-black .dnd-target { + border-right: 2px dotted #fff; + color: #000; /* opposite of #fff */ +} + +.monaco-editor.mouse-default .view-lines, +.monaco-editor.vs-dark.mac.mouse-default .view-lines, +.monaco-editor.hc-black.mac.mouse-default .view-lines { + cursor: default; +} +.monaco-editor.mouse-copy .view-lines, +.monaco-editor.vs-dark.mac.mouse-copy .view-lines, +.monaco-editor.hc-black.mac.mouse-copy .view-lines { + cursor: copy; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-custom-checkbox { + margin-left: 2px; + float: left; + cursor: pointer; + overflow: hidden; + opacity: 0.7; + width: 20px; + height: 20px; + border: 1px solid transparent; + padding: 1px; + box-sizing: border-box; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +.monaco-custom-checkbox:hover, +.monaco-custom-checkbox.checked { + opacity: 1; +} + +.hc-black .monaco-custom-checkbox { + background: none; +} + +.hc-black .monaco-custom-checkbox:hover { + background: none; +} + +.monaco-custom-checkbox.monaco-simple-checkbox { + height: 18px; + width: 18px; + border: 1px solid transparent; + border-radius: 3px; + margin-right: 9px; + margin-left: 0px; + padding: 0px; + opacity: 1; + background-size: 16px !important; +} + +/* hide check when unchecked */ +.monaco-custom-checkbox.monaco-simple-checkbox.unchecked:not(.checked)::before { + visibility: hidden;; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* Find widget */ +.monaco-editor .find-widget { + position: absolute; + z-index: 50; + height: 33px; + overflow: hidden; + line-height: 19px; + transition: transform 200ms linear; + padding: 0 4px; + box-sizing: border-box; + transform: translateY(calc(-100% - 10px)); /* shadow (10px) */ +} + +.monaco-editor .find-widget textarea { + margin: 0px; +} + +.monaco-editor .find-widget.hiddenEditor { + display: none; +} + +/* Find widget when replace is toggled on */ +.monaco-editor .find-widget.replaceToggled > .replace-part { + display: flex; +} + +.monaco-editor .find-widget.visible { + transform: translateY(0); +} + +.monaco-editor .find-widget .monaco-inputbox.synthetic-focus { + outline: 1px solid -webkit-focus-ring-color; + outline-offset: -1px; +} + +.monaco-editor .find-widget .monaco-inputbox .input { + background-color: transparent; + min-height: 0; +} + +.monaco-editor .find-widget .monaco-findInput .input { + font-size: 13px; +} + +.monaco-editor .find-widget > .find-part, +.monaco-editor .find-widget > .replace-part { + margin: 4px 0 0 17px; + font-size: 12px; + display: flex; +} + +.monaco-editor .find-widget > .find-part .monaco-inputbox, +.monaco-editor .find-widget > .replace-part .monaco-inputbox { + min-height: 25px; +} + + +.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { + padding-right: 22px; +} + +.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input, +.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .mirror, +.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .input, +.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { + padding-top: 2px; + padding-bottom: 2px; +} + +.monaco-editor .find-widget > .find-part .find-actions { + height: 25px; + display: flex; + align-items: center; +} + +.monaco-editor .find-widget > .replace-part .replace-actions { + height: 25px; + display: flex; + align-items: center; +} + +.monaco-editor .find-widget .monaco-findInput { + vertical-align: middle; + display: flex; + flex:1; +} + +.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element { + /* Make sure textarea inherits the width correctly */ + width: 100%; +} + +.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical { + /* Hide vertical scrollbar */ + opacity: 0; +} + +.monaco-editor .find-widget .matchesCount { + display: flex; + flex: initial; + margin: 0 0 0 3px; + padding: 2px 0 0 2px; + height: 25px; + vertical-align: middle; + box-sizing: border-box; + text-align: center; + line-height: 23px; +} + +.monaco-editor .find-widget .button { + width: 20px; + height: 20px; + display: flex; + flex: initial; + margin-left: 3px; + background-position: center center; + background-repeat: no-repeat; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; +} + +.monaco-editor .find-widget .button.left { + margin-left: 0; + margin-right: 3px; +} + +.monaco-editor .find-widget .button.wide { + width: auto; + padding: 1px 6px; + top: -1px; +} + +.monaco-editor .find-widget .button.toggle { + position: absolute; + top: 0; + left: 3px; + width: 18px; + height: 100%; + box-sizing: border-box; +} + +.monaco-editor .find-widget .button.toggle.disabled { + display: none; +} + +.monaco-editor .find-widget .disabled { + opacity: 0.3; + cursor: default; +} + +.monaco-editor .find-widget > .replace-part { + display: none; +} + +.monaco-editor .find-widget > .replace-part > .monaco-findInput { + position: relative; + display: flex; + vertical-align: middle; + flex: auto; + flex-grow: 0; + flex-shrink: 0; +} + +.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls { + position: absolute; + top: 3px; + right: 2px; +} + +/* REDUCED */ +.monaco-editor .find-widget.reduced-find-widget .matchesCount { + display:none; +} + +/* NARROW (SMALLER THAN REDUCED) */ +.monaco-editor .find-widget.narrow-find-widget { + max-width: 257px !important; +} + +/* COLLAPSED (SMALLER THAN NARROW) */ +.monaco-editor .find-widget.collapsed-find-widget { + max-width: 170px !important; +} + +.monaco-editor .find-widget.collapsed-find-widget .button.previous, +.monaco-editor .find-widget.collapsed-find-widget .button.next, +.monaco-editor .find-widget.collapsed-find-widget .button.replace, +.monaco-editor .find-widget.collapsed-find-widget .button.replace-all, +.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls { + display:none; +} + +.monaco-editor .findMatch { + animation-duration: 0; + animation-name: inherit !important; +} + +.monaco-editor .find-widget .monaco-sash { + left: 0 !important; +} + +.monaco-editor.hc-black .find-widget .button:before { + position: relative; + top: 1px; + left: 2px; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-sash { + position: absolute; + z-index: 35; + touch-action: none; +} + +.monaco-sash.disabled { + pointer-events: none; +} + +.monaco-sash.mac.vertical { + cursor: col-resize; +} + +.monaco-sash.vertical.minimum { + cursor: e-resize; +} + +.monaco-sash.vertical.maximum { + cursor: w-resize; +} + +.monaco-sash.mac.horizontal { + cursor: row-resize; +} + +.monaco-sash.horizontal.minimum { + cursor: s-resize; +} + +.monaco-sash.horizontal.maximum { + cursor: n-resize; +} + +.monaco-sash.disabled { + cursor: default !important; + pointer-events: none !important; +} + +/** Debug **/ + +.monaco-sash.debug { + background: cyan; +} + +.monaco-sash.debug.disabled { + background: rgba(0, 255, 255, 0.2); +} + +.monaco-sash.debug:not(.disabled).orthogonal-start::before, +.monaco-sash.debug:not(.disabled).orthogonal-end::after { + background: red; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +/* ---------- Find input ---------- */ + +.monaco-findInput { + position: relative; +} + +.monaco-findInput .monaco-inputbox { + font-size: 13px; + width: 100%; +} + +.monaco-findInput > .controls { + position: absolute; + top: 3px; + right: 2px; +} + +.vs .monaco-findInput.disabled { + background-color: #E1E1E1; +} + +/* Theming */ +.vs-dark .monaco-findInput.disabled { + background-color: #333; +} + +/* Highlighting */ +.monaco-findInput.highlight-0 .controls { + animation: monaco-findInput-highlight-0 100ms linear 0s; +} +.monaco-findInput.highlight-1 .controls { + animation: monaco-findInput-highlight-1 100ms linear 0s; +} +.hc-black .monaco-findInput.highlight-0 .controls, +.vs-dark .monaco-findInput.highlight-0 .controls { + animation: monaco-findInput-highlight-dark-0 100ms linear 0s; +} +.hc-black .monaco-findInput.highlight-1 .controls, +.vs-dark .monaco-findInput.highlight-1 .controls { + animation: monaco-findInput-highlight-dark-1 100ms linear 0s; +} + +@keyframes monaco-findInput-highlight-0 { + 0% { background: rgba(253, 255, 0, 0.8); } + 100% { background: transparent; } +} +@keyframes monaco-findInput-highlight-1 { + 0% { background: rgba(253, 255, 0, 0.8); } + /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ + 99% { background: transparent; } +} + +@keyframes monaco-findInput-highlight-dark-0 { + 0% { background: rgba(255, 255, 255, 0.44); } + 100% { background: transparent; } +} +@keyframes monaco-findInput-highlight-dark-1 { + 0% { background: rgba(255, 255, 255, 0.44); } + /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ + 99% { background: transparent; } +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-inputbox { + position: relative; + display: block; + padding: 0; + box-sizing: border-box; + + /* Customizable */ + font-size: inherit; +} + +.monaco-inputbox.idle { + border: 1px solid transparent; +} + +.monaco-inputbox > .wrapper > .input, +.monaco-inputbox > .wrapper > .mirror { + + /* Customizable */ + padding: 4px; +} + +.monaco-inputbox > .wrapper { + position: relative; + width: 100%; + height: 100%; +} + +.monaco-inputbox > .wrapper > .input { + display: inline-block; + box-sizing: border-box; + width: 100%; + height: 100%; + line-height: inherit; + border: none; + font-family: inherit; + font-size: inherit; + resize: none; + color: inherit; +} + +.monaco-inputbox > .wrapper > input { + text-overflow: ellipsis; +} + +.monaco-inputbox > .wrapper > textarea.input { + display: block; + -ms-overflow-style: none; /* IE 10+: hide scrollbars */ + scrollbar-width: none; /* Firefox: hide scrollbars */ + outline: none; +} + +.monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar { + display: none; /* Chrome + Safari: hide scrollbar */ +} + +.monaco-inputbox > .wrapper > textarea.input.empty { + white-space: nowrap; +} + +.monaco-inputbox > .wrapper > .mirror { + position: absolute; + display: inline-block; + width: 100%; + top: 0; + left: 0; + box-sizing: border-box; + white-space: pre-wrap; + visibility: hidden; + word-wrap: break-word; +} + +/* Context view */ + +.monaco-inputbox-container { + text-align: right; +} + +.monaco-inputbox-container .monaco-inputbox-message { + display: inline-block; + overflow: hidden; + text-align: left; + width: 100%; + box-sizing: border-box; + padding: 0.4em; + font-size: 12px; + line-height: 17px; + min-height: 34px; + margin-top: -1px; + word-wrap: break-word; +} + +/* Action bar support */ +.monaco-inputbox .monaco-action-bar { + position: absolute; + right: 2px; + top: 4px; +} + +.monaco-inputbox .monaco-action-bar .action-item { + margin-left: 2px; +} + +.monaco-inputbox .monaco-action-bar .action-item .codicon { + background-repeat: no-repeat; + width: 16px; + height: 16px; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* Arrows */ +.monaco-scrollable-element > .scrollbar > .scra { + cursor: pointer; + font-size: 11px !important; +} + +.monaco-scrollable-element > .visible { + opacity: 1; + + /* Background rule added for IE9 - to allow clicks on dom node */ + background:rgba(0,0,0,0); + + transition: opacity 100ms linear; +} +.monaco-scrollable-element > .invisible { + opacity: 0; + pointer-events: none; +} +.monaco-scrollable-element > .invisible.fade { + transition: opacity 800ms linear; +} + +/* Scrollable Content Inset Shadow */ +.monaco-scrollable-element > .shadow { + position: absolute; + display: none; +} +.monaco-scrollable-element > .shadow.top { + display: block; + top: 0; + left: 3px; + height: 3px; + width: 100%; + box-shadow: #DDD 0 6px 6px -6px inset; +} +.monaco-scrollable-element > .shadow.left { + display: block; + top: 3px; + left: 0; + height: 100%; + width: 3px; + box-shadow: #DDD 6px 0 6px -6px inset; +} +.monaco-scrollable-element > .shadow.top-left-corner { + display: block; + top: 0; + left: 0; + height: 3px; + width: 3px; +} +.monaco-scrollable-element > .shadow.top.left { + box-shadow: #DDD 6px 6px 6px -6px inset; +} + +/* ---------- Default Style ---------- */ + +.vs .monaco-scrollable-element > .scrollbar > .slider { + background: rgba(100, 100, 100, .4); +} +.vs-dark .monaco-scrollable-element > .scrollbar > .slider { + background: rgba(121, 121, 121, .4); +} +.hc-black .monaco-scrollable-element > .scrollbar > .slider { + background: rgba(111, 195, 223, .6); +} + +.monaco-scrollable-element > .scrollbar > .slider:hover { + background: rgba(100, 100, 100, .7); +} +.hc-black .monaco-scrollable-element > .scrollbar > .slider:hover { + background: rgba(111, 195, 223, .8); +} + +.monaco-scrollable-element > .scrollbar > .slider.active { + background: rgba(0, 0, 0, .6); +} +.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active { + background: rgba(191, 191, 191, .4); +} +.hc-black .monaco-scrollable-element > .scrollbar > .slider.active { + background: rgba(111, 195, 223, 1); +} + +.vs-dark .monaco-scrollable-element .shadow.top { + box-shadow: none; +} + +.vs-dark .monaco-scrollable-element .shadow.left { + box-shadow: #000 6px 0 6px -6px inset; +} + +.vs-dark .monaco-scrollable-element .shadow.top.left { + box-shadow: #000 6px 6px 6px -6px inset; +} + +.hc-black .monaco-scrollable-element .shadow.top { + box-shadow: none; +} + +.hc-black .monaco-scrollable-element .shadow.left { + box-shadow: none; +} + +.hc-black .monaco-scrollable-element .shadow.top.left { + box-shadow: none; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .margin-view-overlays .codicon-folding-expanded, +.monaco-editor .margin-view-overlays .codicon-folding-collapsed { + cursor: pointer; + opacity: 0; + transition: opacity 0.5s; + display: flex; + align-items: center; + justify-content: center; + font-size: 140%; + margin-left: 2px; +} + +.monaco-editor .margin-view-overlays:hover .codicon, +.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed, +.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons { + opacity: 1; +} + +.monaco-editor .inline-folded:after { + color: grey; + margin: 0.1em 0.2em 0 0.2em; + content: "⋯"; + display: inline; + line-height: 1em; + cursor: pointer; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* marker zone */ + +.monaco-editor .peekview-widget .head .peekview-title .severity-icon { + display: inline-block; + vertical-align: text-top; + margin-right: 4px; +} + +.monaco-editor .marker-widget { + text-overflow: ellipsis; + white-space: nowrap; +} + +.monaco-editor .marker-widget > .stale { + opacity: 0.6; + font-style: italic; +} + +.monaco-editor .marker-widget .title { + display: inline-block; + padding-right: 5px; +} + +.monaco-editor .marker-widget .descriptioncontainer { + position: absolute; + white-space: pre; + user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + padding: 8px 12px 0 20px; +} + +.monaco-editor .marker-widget .descriptioncontainer .message { + display: flex; + flex-direction: column; +} + +.monaco-editor .marker-widget .descriptioncontainer .message .details { + padding-left: 6px; +} + +.monaco-editor .marker-widget .descriptioncontainer .message .source, +.monaco-editor .marker-widget .descriptioncontainer .message span.code { + opacity: 0.6; +} + +.monaco-editor .marker-widget .descriptioncontainer .message a.code-link { + opacity: 0.6; + color: inherit; +} +.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before { + content: '('; +} +.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after { + content: ')'; +} +.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span { + text-decoration: underline; + /** Hack to force underline to show **/ + border-bottom: 1px solid transparent; + text-underline-position: under; +} + +.monaco-editor .marker-widget .descriptioncontainer .filename { + cursor: pointer; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .peekview-widget .head { + box-sizing: border-box; + display: flex; +} + +.monaco-editor .peekview-widget .head .peekview-title { + display: flex; + align-items: center; + font-size: 13px; + margin-left: 20px; + cursor: pointer; + min-width: 0; +} + +.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) { + font-size: 0.9em; + margin-left: 0.5em; +} + +.monaco-editor .peekview-widget .head .peekview-title .meta { + white-space: nowrap; +} + +.monaco-editor .peekview-widget .head .peekview-title .dirname { + white-space: nowrap; +} + +.monaco-editor .peekview-widget .head .peekview-title .filename { + overflow: hidden; + text-overflow: ellipsis; +} + +.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before { + content: '-'; + padding: 0 0.3em; +} + +.monaco-editor .peekview-widget .head .peekview-actions { + flex: 1; + text-align: right; + padding-right: 2px; +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar { + display: inline-block; +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar, +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container { + height: 100%; +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-item { + margin-left: 4px; +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label { + width: 16px; + height: 100%; + margin: 0; + line-height: inherit; + background-repeat: no-repeat; + background-position: center center; +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label.codicon { + margin: 0; +} + +.monaco-editor .peekview-widget > .body { + border-top: 1px solid; + position: relative; +} + +.monaco-editor .peekview-widget .head .peekview-title .codicon { + margin-right: 4px; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* -------------------- IE10 remove auto clear button -------------------- */ + +::-ms-clear { + display: none; +} + +/* All widgets */ +/* I am not a big fan of this rule */ +.monaco-editor .editor-widget input { + color: inherit; +} + +/* -------------------- Editor -------------------- */ + +.monaco-editor { + position: relative; + overflow: visible; + -webkit-text-size-adjust: 100%; +} + +/* -------------------- Misc -------------------- */ + +.monaco-editor .overflow-guard { + position: relative; + overflow: hidden; +} + +.monaco-editor .view-overlays { + position: absolute; + top: 0; +} + +/* +.monaco-editor .auto-closed-character { + opacity: 0.3; +} +*/ + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .inputarea { + min-width: 0; + min-height: 0; + margin: 0; + padding: 0; + position: absolute; + outline: none !important; + resize: none; + border: none; + overflow: hidden; + color: transparent; + background-color: transparent; +} +/*.monaco-editor .inputarea { + position: fixed !important; + width: 800px !important; + height: 500px !important; + top: initial !important; + left: initial !important; + bottom: 0 !important; + right: 0 !important; + color: black !important; + background: white !important; + line-height: 15px !important; + font-size: 14px !important; +}*/ +.monaco-editor .inputarea.ime-input { + z-index: 10; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .margin-view-overlays .line-numbers { + font-variant-numeric: tabular-nums; + position: absolute; + text-align: right; + display: inline-block; + vertical-align: middle; + box-sizing: border-box; + cursor: default; + height: 100%; +} + +.monaco-editor .relative-current-line-number { + text-align: left; + display: inline-block; + width: 100%; +} + +.monaco-editor .margin-view-overlays .line-numbers.lh-odd { + margin-top: 1px; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-mouse-cursor-text { + cursor: text; +} + +/* The following selector looks a bit funny, but that is needed to cover all the workbench and the editor!! */ +.vs-dark .mac .monaco-mouse-cursor-text, .hc-black .mac .monaco-mouse-cursor-text, +.vs-dark.mac .monaco-mouse-cursor-text, .hc-black.mac .monaco-mouse-cursor-text { + 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; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .view-overlays .current-line { + display: block; + position: absolute; + left: 0; + top: 0; + box-sizing: border-box; +} + +.monaco-editor .margin-view-overlays .current-line { + display: block; + position: absolute; + left: 0; + top: 0; + box-sizing: border-box; +} + +.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both { + border-right: 0; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* + Keeping name short for faster parsing. + cdr = core decorations rendering (div) +*/ +.monaco-editor .lines-content .cdr { + position: absolute; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .glyph-margin { + position: absolute; + top: 0; +} + +/* + Keeping name short for faster parsing. + cgmr = core glyph margin rendering (div) +*/ +.monaco-editor .margin-view-overlays .cgmr { + position: absolute; + display: flex; + align-items: center; + justify-content: center; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* + Keeping name short for faster parsing. + cigr = core ident guides rendering (div) +*/ +.monaco-editor .lines-content .cigr { + position: absolute; +} +.monaco-editor .lines-content .cigra { + position: absolute; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* Uncomment to see lines flashing when they're painted */ +/*.monaco-editor .view-lines > .view-line { + background-color: none; + animation-name: flash-background; + animation-duration: 800ms; +} +@keyframes flash-background { + 0% { background-color: lightgreen; } + 100% { background-color: none } +}*/ + +.monaco-editor.no-user-select .lines-content, +.monaco-editor.no-user-select .view-line, +.monaco-editor.no-user-select .view-lines { + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +.monaco-editor .view-lines { + white-space: nowrap; +} + +.monaco-editor .view-line { + position: absolute; + width: 100%; +} + +.monaco-editor .mtkz { + display: inline-block; +} + +/* TODO@tokenization bootstrap fix */ +/*.monaco-editor .view-line > span > span { + float: none; + min-height: inherit; + margin-left: inherit; +}*/ + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +.monaco-editor .lines-decorations { + position: absolute; + top: 0; + background: white; +} + +/* + Keeping name short for faster parsing. + cldr = core lines decorations rendering (div) +*/ +.monaco-editor .margin-view-overlays .cldr { + position: absolute; + height: 100%; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* + Keeping name short for faster parsing. + cmdr = core margin decorations rendering (div) +*/ +.monaco-editor .margin-view-overlays .cmdr { + position: absolute; + left: 0; + width: 100%; + height: 100%; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* START cover the case that slider is visible on mouseover */ +.monaco-editor .minimap.slider-mouseover .minimap-slider { + opacity: 0; + transition: opacity 100ms linear; +} +.monaco-editor .minimap.slider-mouseover:hover .minimap-slider { + opacity: 1; +} +.monaco-editor .minimap.slider-mouseover .minimap-slider.active { + opacity: 1; +} +/* END cover the case that slider is visible on mouseover */ + +.monaco-editor .minimap-shadow-hidden { + position: absolute; + width: 0; +} +.monaco-editor .minimap-shadow-visible { + position: absolute; + left: -6px; + width: 6px; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +.monaco-editor .overlayWidgets { + position: absolute; + top: 0; + left:0; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .view-ruler { + position: absolute; + top: 0; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .scroll-decoration { + position: absolute; + top: 0; + left: 0; + height: 6px; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* + Keeping name short for faster parsing. + cslr = core selections layer rendering (div) +*/ +.monaco-editor .lines-content .cslr { + position: absolute; +} + +.monaco-editor .top-left-radius { border-top-left-radius: 3px; } +.monaco-editor .bottom-left-radius { border-bottom-left-radius: 3px; } +.monaco-editor .top-right-radius { border-top-right-radius: 3px; } +.monaco-editor .bottom-right-radius { border-bottom-right-radius: 3px; } + +.monaco-editor.hc-black .top-left-radius { border-top-left-radius: 0; } +.monaco-editor.hc-black .bottom-left-radius { border-bottom-left-radius: 0; } +.monaco-editor.hc-black .top-right-radius { border-top-right-radius: 0; } +.monaco-editor.hc-black .bottom-right-radius { border-bottom-right-radius: 0; } + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +.monaco-editor .cursors-layer { + position: absolute; + top: 0; +} + +.monaco-editor .cursors-layer > .cursor { + position: absolute; + overflow: hidden; +} + +/* -- smooth-caret-animation -- */ +.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor { + transition: all 80ms; +} + +/* -- block-outline-style -- */ +.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor { + box-sizing: border-box; + background: transparent !important; + border-style: solid; + border-width: 1px; +} + +/* -- underline-style -- */ +.monaco-editor .cursors-layer.cursor-underline-style > .cursor { + border-bottom-width: 2px; + border-bottom-style: solid; + background: transparent !important; + box-sizing: border-box; +} + +/* -- underline-thin-style -- */ +.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor { + border-bottom-width: 1px; + border-bottom-style: solid; + background: transparent !important; + box-sizing: border-box; +} + +@keyframes monaco-cursor-smooth { + 0%, + 20% { + opacity: 1; + } + 60%, + 100% { + opacity: 0; + } +} + +@keyframes monaco-cursor-phase { + 0%, + 20% { + opacity: 1; + } + 90%, + 100% { + opacity: 0; + } +} + +@keyframes monaco-cursor-expand { + 0%, + 20% { + transform: scaleY(1); + } + 80%, + 100% { + transform: scaleY(0); + } +} + +.cursor-smooth { + animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate; +} + +.cursor-phase { + animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate; +} + +.cursor-expand > .cursor { + animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +.monaco-editor .zone-widget { + position: absolute; + z-index: 10; +} + + +.monaco-editor .zone-widget .zone-widget-container { + border-top-style: solid; + border-bottom-style: solid; + border-top-width: 0; + border-bottom-width: 0; + position: relative; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-dropdown { + height: 100%; + padding: 0; +} + +.monaco-dropdown > .dropdown-label { + cursor: pointer; + height: 100%; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* -- zone widget */ +.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget { + border-top-width: 1px; + border-bottom-width: 1px; +} + +.monaco-editor .reference-zone-widget .inline { + display: inline-block; + vertical-align: top; +} + +.monaco-editor .reference-zone-widget .messages { + height: 100%; + width: 100%; + text-align: center; + padding: 3em 0; +} + +.monaco-editor .reference-zone-widget .ref-tree { + line-height: 23px; +} + +.monaco-editor .reference-zone-widget .ref-tree .reference { + text-overflow: ellipsis; + overflow: hidden; +} + +.monaco-editor .reference-zone-widget .ref-tree .reference-file { + display: inline-flex; + width: 100%; + height: 100%; +} + +.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file { + color: inherit !important; +} + +.monaco-editor .reference-zone-widget .ref-tree .reference-file .count { + margin-right: 12px; + margin-left: auto; +} + +/* High Contrast Theming */ + +.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file { + font-weight: bold; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* ---------- Icon label ---------- */ + +.monaco-icon-label { + display: flex; /* required for icons support :before rule */ + overflow: hidden; + text-overflow: ellipsis; +} + +.monaco-icon-label::before { + + /* svg icons rendered as background image */ + background-size: 16px; + background-position: left center; + background-repeat: no-repeat; + padding-right: 6px; + width: 16px; + height: 22px; + line-height: inherit !important; + display: inline-block; + + /* fonts icons */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; + + flex-shrink: 0; /* fix for https://github.com/Microsoft/vscode/issues/13787 */ +} + +.monaco-icon-label > .monaco-icon-label-container { + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + flex: 1; +} + +.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name { + color: inherit; + white-space: pre; /* enable to show labels that include multiple whitespaces */ +} + +.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator { + margin: 0 2px; + opacity: 0.5; +} + +.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { + opacity: .7; + margin-left: 0.5em; + font-size: 0.9em; + white-space: pre; /* enable to show labels that include multiple whitespaces */ +} + +.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { + opacity: .95; +} + +.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name, +.monaco-icon-label.italic > .monaco-icon-description-container > .label-description { + font-style: italic; +} + +.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name, +.monaco-icon-label.strikethrough > .monaco-icon-description-container > .label-description { + text-decoration: line-through; +} + +.monaco-icon-label::after { + opacity: 0.75; + font-size: 90%; + font-weight: 600; + padding: 0 16px 0 5px; + text-align: center; +} + +/* make sure selection color wins when a label is being selected */ +.monaco-list:focus .selected .monaco-icon-label, /* list */ +.monaco-list:focus .selected .monaco-icon-label::after +{ + color: inherit !important; +} + +.monaco-list-row.focused.selected .label-description, +.monaco-list-row.selected .label-description { + opacity: .8; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-count-badge { + padding: 3px 6px; + border-radius: 11px; + font-size: 11px; + min-width: 18px; + min-height: 18px; + line-height: 11px; + font-weight: normal; + text-align: center; + display: inline-block; + box-sizing: border-box; +} + +.monaco-count-badge.long { + padding: 2px 3px; + border-radius: 2px; + min-height: auto; + line-height: normal; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-list { + position: relative; + height: 100%; + width: 100%; + white-space: nowrap; +} + +.monaco-list.mouse-support { + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +.monaco-list > .monaco-scrollable-element { + height: 100%; +} + +.monaco-list-rows { + position: relative; + width: 100%; + height: 100%; +} + +.monaco-list.horizontal-scrolling .monaco-list-rows { + width: auto; + min-width: 100%; +} + +.monaco-list-row { + position: absolute; + box-sizing: border-box; + overflow: hidden; + width: 100%; +} + +.monaco-list.mouse-support .monaco-list-row { + cursor: pointer; + touch-action: none; +} + +/* for OS X ballistic scrolling */ +.monaco-list-row.scrolling { + display: none !important; +} + +/* Focus */ +.monaco-list.element-focused, .monaco-list.selection-single, .monaco-list.selection-multiple { + outline: 0 !important; +} + +.monaco-list:focus .monaco-list-row.selected .codicon { + color: inherit; +} + +/* Dnd */ +.monaco-drag-image { + display: inline-block; + padding: 1px 7px; + border-radius: 10px; + font-size: 12px; + position: absolute; +} + +/* Type filter */ + +.monaco-list-type-filter { + display: flex; + align-items: center; + position: absolute; + border-radius: 2px; + padding: 0px 3px; + max-width: calc(100% - 10px); + text-overflow: ellipsis; + overflow: hidden; + text-align: right; + box-sizing: border-box; + cursor: all-scroll; + font-size: 13px; + line-height: 18px; + height: 20px; + z-index: 1; + top: 4px; +} + +.monaco-list-type-filter.dragging { + transition: top 0.2s, left 0.2s; +} + +.monaco-list-type-filter.ne { + right: 4px; +} + +.monaco-list-type-filter.nw { + left: 4px; +} + +.monaco-list-type-filter > .controls { + display: flex; + align-items: center; + box-sizing: border-box; + transition: width 0.2s; + width: 0; +} + +.monaco-list-type-filter.dragging > .controls, +.monaco-list-type-filter:hover > .controls { + width: 36px; +} + +.monaco-list-type-filter > .controls > * { + border: none; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + background: none; + width: 16px; + height: 16px; + flex-shrink: 0; + margin: 0; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; +} + +.monaco-list-type-filter > .controls > .filter { + margin-left: 4px; +} + +.monaco-list-type-filter-message { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + padding: 40px 1em 1em 1em; + text-align: center; + white-space: normal; + opacity: 0.7; + pointer-events: none; +} + +.monaco-list-type-filter-message:empty { + display: none; +} + +/* Electron */ + +.monaco-list-type-filter { + cursor: grab; +} + +.monaco-list-type-filter.dragging { + cursor: grabbing; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-tl-row { + display: flex; + height: 100%; + align-items: center; + position: relative; +} + +.monaco-tl-indent { + height: 100%; + position: absolute; + top: 0; + left: 16px; + pointer-events: none; +} + +.hide-arrows .monaco-tl-indent { + left: 12px; +} + +.monaco-tl-indent > .indent-guide { + display: inline-block; + box-sizing: border-box; + height: 100%; + border-left: 1px solid transparent; +} + +.monaco-tl-indent > .indent-guide { + transition: border-color 0.1s linear; +} + +.monaco-tl-twistie, +.monaco-tl-contents { + height: 100%; +} + +.monaco-tl-twistie { + font-size: 10px; + text-align: right; + padding-right: 6px; + flex-shrink: 0; + width: 16px; + display: flex !important; + align-items: center; + justify-content: center; + color: inherit !important; + transform: translateX(3px); +} + +.monaco-tl-contents { + flex: 1; + overflow: hidden; +} + +.monaco-tl-twistie.collapsed::before { + transform: rotate(-90deg); +} + +.monaco-tl-twistie.codicon-tree-item-loading::before { + /* Use steps to throttle FPS to reduce CPU usage */ + animation: codicon-spin 1.25s steps(30) infinite; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-split-view2 { + position: relative; + width: 100%; + height: 100%; +} + +.monaco-split-view2 > .sash-container { + position: absolute; + width: 100%; + height: 100%; + pointer-events: none; +} + +.monaco-split-view2 > .sash-container > .monaco-sash { + pointer-events: initial; +} + +.monaco-split-view2 > .split-view-container { + width: 100%; + height: 100%; + white-space: nowrap; + position: relative; +} + +.monaco-split-view2 > .split-view-container > .split-view-view { + white-space: initial; + position: absolute; +} + +.monaco-split-view2 > .split-view-container > .split-view-view:not(.visible) { + display: none; +} + +.monaco-split-view2.vertical > .split-view-container > .split-view-view { + width: 100%; +} + +.monaco-split-view2.horizontal > .split-view-container > .split-view-view { + height: 100%; +} + +.monaco-split-view2.separator-border > .split-view-container > .split-view-view:not(:first-child)::before { + content: ' '; + position: absolute; + top: 0; + left: 0; + z-index: 5; + pointer-events: none; + background-color: var(--separator-border); +} + +.monaco-split-view2.separator-border.horizontal > .split-view-container > .split-view-view:not(:first-child)::before { + height: 100%; + width: 1px; +} + +.monaco-split-view2.separator-border.vertical > .split-view-container > .split-view-view:not(:first-child)::before { + height: 1px; + width: 100%; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .goto-definition-link { + text-decoration: underline; + cursor: pointer; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.colorpicker-widget { + height: 190px; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +.monaco-editor .colorpicker-hover:focus { + outline: none; +} + + +/* Header */ + +.colorpicker-header { + display: flex; + height: 24px; + position: relative; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); + background-size: 9px 9px; + image-rendering: pixelated; +} + +.colorpicker-header .picked-color { + width: 216px; + text-align: center; + line-height: 24px; + cursor: pointer; + color: white; + flex: 1; + text-align: center; +} + +.colorpicker-header .picked-color.light { + color: black; +} + +.colorpicker-header .original-color { + width: 74px; + z-index: inherit; + cursor: pointer; +} + + +/* Body */ + +.colorpicker-body { + display: flex; + padding: 8px; + position: relative; +} + +.colorpicker-body .saturation-wrap { + overflow: hidden; + height: 150px; + position: relative; + min-width: 220px; + flex: 1; +} + +.colorpicker-body .saturation-box { + height: 150px; + position: absolute; +} + +.colorpicker-body .saturation-selection { + width: 9px; + height: 9px; + margin: -5px 0 0 -5px; + border: 1px solid rgb(255, 255, 255); + border-radius: 100%; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); + position: absolute; +} + +.colorpicker-body .strip { + width: 25px; + height: 150px; +} + +.colorpicker-body .hue-strip { + position: relative; + margin-left: 8px; + cursor: grab; + background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); +} + +.colorpicker-body .opacity-strip { + position: relative; + margin-left: 8px; + cursor: grab; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); + background-size: 9px 9px; + image-rendering: pixelated; +} + +.colorpicker-body .strip.grabbing { + cursor: grabbing; +} + +.colorpicker-body .slider { + position: absolute; + top: 0; + left: -2px; + width: calc(100% + 4px); + height: 4px; + box-sizing: border-box; + border: 1px solid rgba(255, 255, 255, 0.71); + box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85); +} + +.colorpicker-body .strip .overlay { + height: 150px; + pointer-events: none; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-hover { + cursor: default; + position: absolute; + overflow: hidden; + z-index: 50; + user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + box-sizing: initial; + animation: fadein 100ms linear; + line-height: 1.5em; +} + +.monaco-hover.hidden { + display: none; +} + +.monaco-hover .hover-contents { + padding: 4px 8px; +} + +.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) { + max-width: 500px; + word-wrap: break-word; +} + +.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr { + /* 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 */ + min-width: calc(100% + 100vw); +} + +.monaco-hover p, +.monaco-hover .code, +.monaco-hover ul { + margin: 8px 0; +} + +.monaco-hover code { + font-family: var(--monaco-monospace-font); +} + +.monaco-hover hr { + margin-top: 4px; + margin-bottom: -4px; + margin-left: -10px; + margin-right: -10px; + height: 1px; +} + +.monaco-hover p:first-child, +.monaco-hover .code:first-child, +.monaco-hover ul:first-child { + margin-top: 0; +} + +.monaco-hover p:last-child, +.monaco-hover .code:last-child, +.monaco-hover ul:last-child { + margin-bottom: 0; +} + +/* MarkupContent Layout */ +.monaco-hover ul { + padding-left: 20px; +} +.monaco-hover ol { + padding-left: 20px; +} + +.monaco-hover li > p { + margin-bottom: 0; +} + +.monaco-hover li > ul { + margin-top: 0; +} + +.monaco-hover code { + border-radius: 3px; + padding: 0 0.4em; +} + +.monaco-hover .monaco-tokenized-source { + white-space: pre-wrap; + word-break: break-all; +} + +.monaco-hover .hover-row.status-bar { + font-size: 12px; + line-height: 22px; +} + +.monaco-hover .hover-row.status-bar .actions { + display: flex; + padding: 0px 8px; +} + +.monaco-hover .hover-row.status-bar .actions .action-container { + margin-right: 16px; + cursor: pointer; +} + +.monaco-hover .hover-row.status-bar .actions .action-container .action .icon { + padding-right: 4px; +} + +.monaco-hover .markdown-hover .hover-contents .codicon { + color: inherit; + font-size: inherit; + vertical-align: middle; +} + +.monaco-hover .hover-contents a.code-link:before { + content: '('; +} +.monaco-hover .hover-contents a.code-link:after { + content: ')'; +} + +.monaco-hover .hover-contents a.code-link { + color: inherit; +} +.monaco-hover .hover-contents a.code-link > span { + text-decoration: underline; + /** Hack to force underline to show **/ + border-bottom: 1px solid transparent; + text-underline-position: under; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .iPadShowKeyboard { + width: 58px; + min-width: 0; + height: 36px; + min-height: 0; + margin: 0; + padding: 0; + position: absolute; + resize: none; + overflow: hidden; + background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzY0IDQuMDEwNDJINC4wMDc3OUw0LjAwNzc5IDMyLjAyODZINDguMDM2NFY0LjAxMDQyWk00LjAwNzc5IDAuMDA3ODEyNUMxLjc5NzIxIDAuMDA3ODEyNSAwLjAwNTE4Nzk5IDEuNzk5ODQgMC4wMDUxODc5OSA0LjAxMDQyVjMyLjAyODZDMC4wMDUxODc5OSAzNC4yMzkyIDEuNzk3MjEgMzYuMDMxMiA0LjAwNzc5IDM2LjAzMTJINDguMDM2NEM1MC4yNDcgMzYuMDMxMiA1Mi4wMzkgMzQuMjM5MiA1Mi4wMzkgMzIuMDI4NlY0LjAxMDQyQzUyLjAzOSAxLjc5OTg0IDUwLjI0NyAwLjAwNzgxMjUgNDguMDM2NCAwLjAwNzgxMjVINC4wMDc3OVpNOC4wMTA0MiA4LjAxMzAySDEyLjAxM1YxMi4wMTU2SDguMDEwNDJWOC4wMTMwMlpNMjAuMDE4MiA4LjAxMzAySDE2LjAxNTZWMTIuMDE1NkgyMC4wMTgyVjguMDEzMDJaTTI0LjAyMDggOC4wMTMwMkgyOC4wMjM0VjEyLjAxNTZIMjQuMDIwOFY4LjAxMzAyWk0zNi4wMjg2IDguMDEzMDJIMzIuMDI2VjEyLjAxNTZIMzYuMDI4NlY4LjAxMzAyWk00MC4wMzEyIDguMDEzMDJINDQuMDMzOVYxMi4wMTU2SDQwLjAzMTJWOC4wMTMwMlpNMTYuMDE1NiAxNi4wMTgySDguMDEwNDJWMjAuMDIwOEgxNi4wMTU2VjE2LjAxODJaTTIwLjAxODIgMTYuMDE4MkgyNC4wMjA4VjIwLjAyMDhIMjAuMDE4MlYxNi4wMTgyWk0zMi4wMjYgMTYuMDE4MkgyOC4wMjM0VjIwLjAyMDhIMzIuMDI2VjE2LjAxODJaTTQ0LjAzMzkgMTYuMDE4MlYyMC4wMjA4SDM2LjAyODZWMTYuMDE4Mkg0NC4wMzM5Wk0xMi4wMTMgMjQuMDIzNEg4LjAxMDQyVjI4LjAyNkgxMi4wMTNWMjQuMDIzNFpNMTYuMDE1NiAyNC4wMjM0SDM2LjAyODZWMjguMDI2SDE2LjAxNTZWMjQuMDIzNFpNNDQuMDMzOSAyNC4wMjM0SDQwLjAzMTJWMjguMDI2SDQ0LjAzMzlWMjQuMDIzNFoiIGZpbGw9IiM0MjQyNDIiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMCI+DQo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=") center center no-repeat; + border: 4px solid #F6F6F6; + border-radius: 4px; +} + +.monaco-editor.vs-dark .iPadShowKeyboard { + background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzY0IDQuMDEwNDJINC4wMDc3OUw0LjAwNzc5IDMyLjAyODZINDguMDM2NFY0LjAxMDQyWk00LjAwNzc5IDAuMDA3ODEyNUMxLjc5NzIxIDAuMDA3ODEyNSAwLjAwNTE4Nzk5IDEuNzk5ODQgMC4wMDUxODc5OSA0LjAxMDQyVjMyLjAyODZDMC4wMDUxODc5OSAzNC4yMzkyIDEuNzk3MjEgMzYuMDMxMiA0LjAwNzc5IDM2LjAzMTJINDguMDM2NEM1MC4yNDcgMzYuMDMxMiA1Mi4wMzkgMzQuMjM5MiA1Mi4wMzkgMzIuMDI4NlY0LjAxMDQyQzUyLjAzOSAxLjc5OTg0IDUwLjI0NyAwLjAwNzgxMjUgNDguMDM2NCAwLjAwNzgxMjVINC4wMDc3OVpNOC4wMTA0MiA4LjAxMzAySDEyLjAxM1YxMi4wMTU2SDguMDEwNDJWOC4wMTMwMlpNMjAuMDE4MiA4LjAxMzAySDE2LjAxNTZWMTIuMDE1NkgyMC4wMTgyVjguMDEzMDJaTTI0LjAyMDggOC4wMTMwMkgyOC4wMjM0VjEyLjAxNTZIMjQuMDIwOFY4LjAxMzAyWk0zNi4wMjg2IDguMDEzMDJIMzIuMDI2VjEyLjAxNTZIMzYuMDI4NlY4LjAxMzAyWk00MC4wMzEyIDguMDEzMDJINDQuMDMzOVYxMi4wMTU2SDQwLjAzMTJWOC4wMTMwMlpNMTYuMDE1NiAxNi4wMTgySDguMDEwNDJWMjAuMDIwOEgxNi4wMTU2VjE2LjAxODJaTTIwLjAxODIgMTYuMDE4MkgyNC4wMjA4VjIwLjAyMDhIMjAuMDE4MlYxNi4wMTgyWk0zMi4wMjYgMTYuMDE4MkgyOC4wMjM0VjIwLjAyMDhIMzIuMDI2VjE2LjAxODJaTTQ0LjAzMzkgMTYuMDE4MlYyMC4wMjA4SDM2LjAyODZWMTYuMDE4Mkg0NC4wMzM5Wk0xMi4wMTMgMjQuMDIzNEg4LjAxMDQyVjI4LjAyNkgxMi4wMTNWMjQuMDIzNFpNMTYuMDE1NiAyNC4wMjM0SDM2LjAyODZWMjguMDI2SDE2LjAxNTZWMjQuMDIzNFpNNDQuMDMzOSAyNC4wMjM0SDQwLjAzMTJWMjguMDI2SDQ0LjAzMzlWMjQuMDIzNFoiIGZpbGw9IiNDNUM1QzUiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMCI+DQo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=") center center no-repeat; + border: 4px solid #252526; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .tokens-inspect-widget { + z-index: 50; + user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + padding: 10px; +} + +.tokens-inspect-separator { + height: 1px; + border: 0; +} + +.monaco-editor .tokens-inspect-widget .tm-token { + font-family: var(--monaco-monospace-font); +} + +.monaco-editor .tokens-inspect-widget .tm-token-length { + font-weight: normal; + font-size: 60%; + float: right; +} + +.monaco-editor .tokens-inspect-widget .tm-metadata-table { + width: 100%; +} + +.monaco-editor .tokens-inspect-widget .tm-metadata-value { + font-family: var(--monaco-monospace-font); + text-align: right; +} + +.monaco-editor .tokens-inspect-widget .tm-token-type { + font-family: var(--monaco-monospace-font); +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +.monaco-editor .detected-link, +.monaco-editor .detected-link-active { + text-decoration: underline; + text-underline-position: under; +} + +.monaco-editor .detected-link-active { + cursor: pointer; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .on-type-rename-decoration { + border-left: 1px solid transparent; + /* So border can be transparent */ + background-clip: padding-box; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .parameter-hints-widget { + z-index: 10; + display: flex; + flex-direction: column; + line-height: 1.5em; +} + +.monaco-editor .parameter-hints-widget > .wrapper { + max-width: 440px; + display: flex; + flex-direction: row; +} + +.monaco-editor .parameter-hints-widget.multiple { + min-height: 3.3em; + padding: 0; +} + +.monaco-editor .parameter-hints-widget.visible { + transition: left .05s ease-in-out; +} + +.monaco-editor .parameter-hints-widget p, +.monaco-editor .parameter-hints-widget ul { + margin: 8px 0; +} + +.monaco-editor .parameter-hints-widget .monaco-scrollable-element, +.monaco-editor .parameter-hints-widget .body { + display: flex; + flex: 1; + flex-direction: column; + min-height: 100%; +} + +.monaco-editor .parameter-hints-widget .signature { + padding: 4px 5px; +} + +.monaco-editor .parameter-hints-widget .docs { + padding: 0 10px 0 5px; + white-space: pre-wrap; +} + +.monaco-editor .parameter-hints-widget .docs.empty { + display: none; +} + +.monaco-editor .parameter-hints-widget .docs .markdown-docs { + white-space: initial; +} + +.monaco-editor .parameter-hints-widget .docs .markdown-docs code { + font-family: var(--monaco-monospace-font); +} + +.monaco-editor .parameter-hints-widget .docs .code { + white-space: pre-wrap; +} + +.monaco-editor .parameter-hints-widget .docs code { + border-radius: 3px; + padding: 0 0.4em; +} + +.monaco-editor .parameter-hints-widget .controls { + display: none; + flex-direction: column; + align-items: center; + min-width: 22px; + justify-content: flex-end; +} + +.monaco-editor .parameter-hints-widget.multiple .controls { + display: flex; + padding: 0 2px; +} + +.monaco-editor .parameter-hints-widget.multiple .button { + width: 16px; + height: 16px; + background-repeat: no-repeat; + cursor: pointer; +} + +.monaco-editor .parameter-hints-widget .button.previous { + bottom: 24px; +} + +.monaco-editor .parameter-hints-widget .overloads { + text-align: center; + height: 12px; + line-height: 12px; + opacity: 0.5; + font-family: var(--monaco-monospace-font); +} + +.monaco-editor .parameter-hints-widget .signature .parameter.active { + font-weight: bold; + text-decoration: underline; +} + +.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter { + font-weight: bold; + margin-right: 0.5em; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .rename-box { + z-index: 100; + color: inherit; +} + +.monaco-editor .rename-box.preview { + padding: 3px 3px 0 3px; +} + +.monaco-editor .rename-box .rename-input { + padding: 3px; + width: calc(100% - 6px); +} + +.monaco-editor .rename-box .rename-label { + display: none; + opacity: .8; +} + +.monaco-editor .rename-box.preview .rename-label { + display: inherit; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .snippet-placeholder { + min-width: 2px; + outline-style: solid; + outline-width: 1px; +} + +.monaco-editor .finish-snippet-placeholder { + outline-style: solid; + outline-width: 1px; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* Suggest widget*/ +.monaco-editor .suggest-widget { + z-index: 40; +} + +/** Initial widths **/ + +.monaco-editor .suggest-widget { + width: 430px; +} + +.monaco-editor .suggest-widget > .message, +.monaco-editor .suggest-widget > .tree, +.monaco-editor .suggest-widget > .details { + width: 100%; + border-style: solid; + border-width: 1px; + box-sizing: border-box; +} + +.monaco-editor.hc-black .suggest-widget > .message, +.monaco-editor.hc-black .suggest-widget > .tree, +.monaco-editor.hc-black .suggest-widget > .details { + border-width: 2px; +} + +/** Adjust width when docs are expanded to the side **/ +.monaco-editor .suggest-widget.docs-side { + width: 660px; +} + +.monaco-editor .suggest-widget.docs-side > .tree, +.monaco-editor .suggest-widget.docs-side > .details { + width: 50%; + float: left; +} + +.monaco-editor .suggest-widget.docs-side.list-right > .tree, +.monaco-editor .suggest-widget.docs-side.list-right > .details { + float: right; +} + +/* MarkupContent Layout */ +.monaco-editor .suggest-widget > .details ul { + padding-left: 20px; +} +.monaco-editor .suggest-widget > .details ol { + padding-left: 20px; +} + +.monaco-editor .suggest-widget > .details p code { + font-family: var(--monaco-monospace-font); +} + +/* Styles for Message element for when widget is loading or is empty */ +.monaco-editor .suggest-widget > .message { + padding-left: 22px; +} + +/** Styles for the list element **/ +.monaco-editor .suggest-widget > .tree { + height: 100%; +} + +.monaco-editor .suggest-widget .monaco-list { + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +/** Styles for each row in the list element **/ + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row { + display: flex; + -mox-box-sizing: border-box; + box-sizing: border-box; + padding-right: 10px; + background-repeat: no-repeat; + background-position: 2px 2px; + white-space: nowrap; + cursor: pointer; + touch-action: none; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents { + flex: 1; + height: 100%; + overflow: hidden; + padding-left: 2px; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main { + display: flex; + overflow: hidden; + text-overflow: ellipsis; + white-space: pre; + justify-content: space-between; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left, +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right { + display: flex; +} + +.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight { + font-weight: bold; +} + +/** Status Bar **/ + +.monaco-editor .suggest-widget > .suggest-status-bar { + visibility: hidden; + + position: absolute; + left: 0; + + box-sizing: border-box; + + display: flex; + flex-flow: row nowrap; + justify-content: space-between; + + width: 100%; + + font-size: 80%; + + border-left-width: 1px; + border-left-style: solid; + border-right-width: 1px; + border-right-style: solid; + border-bottom-width: 1px; + border-bottom-style: solid; + + padding: 0 8px 0 4px; +} + +.monaco-editor .suggest-widget.list-right.docs-side > .suggest-status-bar { + left: auto; + right: 0; +} +.monaco-editor .suggest-widget.docs-side > .suggest-status-bar { + width: 50%; +} + +/** ReadMore Icon styles **/ + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close, +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before { + color: inherit; + opacity: 1; + font-size: 14px; + cursor: pointer; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close { + position: absolute; + top: 2px; + right: 2px; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close:hover, +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover { + opacity: 1; +} + +/** signature, qualifier, type/details opacity **/ +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label, +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label, +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label { + opacity: 0.7; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label { + overflow: hidden; + text-overflow: ellipsis; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label { + margin-left: 4px; + opacity: 0.4; + font-size: 90%; + text-overflow: ellipsis; + overflow: hidden; + line-height: 17px; + align-self: center; +} + +/** Type Info and icon next to the label in the focused completion item **/ + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label { + margin-left: 0.8em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source { + display: inline; +} + +/** Details: if using CompletionItem#details, show on focus **/ + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label, +.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label { + display: none; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label { + display: inline; +} + +/** Details: if using CompletionItemLabel#details, always show **/ + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label, +.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label { + display: inline; +} + +/** Ellipsis on hover **/ +.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label { + width: calc(100% - 26px); +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left { + flex-shrink: 1; + flex-grow: 1; + overflow: hidden; +} +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label { + flex-shrink: 0; +} +.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label { + max-width: 100%; +} +.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label { + flex-shrink: 1; +} +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right { + overflow: hidden; + margin-left: 16px; + flex-shrink: 0; + max-width: 45%; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { + display: inline-block; + position: absolute; + right: 10px; + width: 18px; + height: 18px; + visibility: hidden; +} + +/** Do NOT display ReadMore when docs is side/below **/ +.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, +.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { + display: none !important; +} + +/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/ +.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore { + display: none; +} +/** Focused item can show ReadMore, but can't when docs is side/below **/ +.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore { + display: inline-block; +} + +.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, +.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { + display: none; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row:hover > .contents > .main > .right > .readMore { + visibility: visible; +} + +/** Styles for each row in the list **/ + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated { + opacity: 0.66; + text-decoration: unset; +} +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container { + text-decoration: line-through; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before { + height: 100%; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon { + display: block; + height: 16px; + width: 16px; + margin-left: 2px; + background-repeat: no-repeat; + background-size: 80%; + background-position: center; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide { + display: none; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon { + display: flex; + align-items: center; + margin-right: 4px; +} + +.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon, +.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before { + display: none; +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan { + margin: 0 0 0 0.3em; + border: 0.1em solid #000; + width: 0.7em; + height: 0.7em; + display: inline-block; +} + +/** Styles for the docs of the completion item in focus **/ +.monaco-editor .suggest-widget .details { + display: flex; + flex-direction: column; + cursor: default; +} + +.monaco-editor .suggest-widget .details.no-docs { + display: none; +} + +.monaco-editor .suggest-widget.docs-below .details { + border-top-width: 0; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element { + flex: 1; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body { + position: absolute; + box-sizing: border-box; + height: 100%; + width: 100%; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .type { + flex: 2; + overflow: hidden; + text-overflow: ellipsis; + opacity: 0.7; + word-break: break-all; + margin: 0 24px 0 0; + padding: 4px 0 12px 5px; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs { + margin: 0; + padding: 4px 5px; + white-space: pre-wrap; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs { + padding: 0; + white-space: initial; + min-height: calc(1rem + 8px); +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div, +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) { + padding: 4px 5px; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child { + margin-top: 0; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child { + margin-bottom: 0; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs .code { + white-space: pre-wrap; + word-wrap: break-word; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon { + vertical-align: sub; +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > p:empty { + display: none; +} + +.monaco-editor .suggest-widget .details code { + border-radius: 3px; + padding: 0 0.4em; +} + + +/* replace/insert decorations */ + +.monaco-editor .suggest-insert-unexpected { + font-style: italic; +} + + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar { + visibility: visible; +} +.monaco-editor .suggest-widget.with-status-bar > .tree { + margin-bottom: 18px; +} + +.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label { + min-height: 18px; + opacity: 0.5; + color: inherit; +} + +.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label { + margin-right: 0; +} + +.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after { + content: ', '; + margin-right: 0.3em; +} + +.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, +.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore { + display: none; +} + +.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label { + width: 100%; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +@font-face { + font-family: "codicon"; + src: url(codicon.ttf) format("truetype"); +} + +.codicon[class*='codicon-'] { + font: normal normal normal 16px/1 codicon; + display: inline-block; + text-decoration: none; + text-rendering: auto; + text-align: center; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +/* icon rules are dynamically created in codiconStyles */ + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.codicon-wrench-subaction { + opacity: 0.5; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +@keyframes codicon-spin { + 100% { + transform:rotate(360deg); + } +} + +.codicon-animation-spin { + /* Use steps to throttle FPS to reduce CPU usage */ + animation: codicon-spin 1.5s steps(30) infinite; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-list .monaco-list-row.focused.selected .outline-element .monaco-highlighted-label, +.monaco-list .monaco-list-row.focused.selected .outline-element-decoration { + /* make sure selection color wins when a label is being selected */ + color: inherit !important; +} + +.monaco-list .outline-element { + display: flex; + flex: 1; + flex-flow: row nowrap; + align-items: center; +} + +.monaco-list .outline-element .monaco-highlighted-label { + color: var(--outline-element-color); +} + +.monaco-list .outline-element .outline-element-decoration { + opacity: 0.75; + font-size: 90%; + font-weight: 600; + padding: 0 12px 0 5px; + margin-left: auto; + text-align: center; + color: var(--outline-element-color); +} + +.monaco-list .outline-element .outline-element-decoration.bubble { + font-family: codicon; + font-size: 14px; + opacity: 0.4; +} + +.monaco-list .outline-element .outline-element-icon { + margin-right: 4px; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-icon-label.deprecated { + text-decoration: line-through; + opacity: 0.66; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + + +/* Default standalone editor fonts */ +.monaco-editor { + font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif; + --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace; +} + +.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label { + stroke-width: 1.2px; +} + +.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, +.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label { + stroke-width: 1.2px; +} + +.monaco-hover p { + margin: 0; +} + +/* The hc-black theme is already high contrast optimized */ +.monaco-editor.hc-black { + -ms-high-contrast-adjust: none; +} +/* In case the browser goes into high contrast mode and the editor is not configured with the hc-black theme */ +@media screen and (-ms-high-contrast:active) { + + /* current line highlight */ + .monaco-editor.vs .view-overlays .current-line, + .monaco-editor.vs-dark .view-overlays .current-line { + border-color: windowtext !important; + border-left: 0; + border-right: 0; + } + + /* view cursors */ + .monaco-editor.vs .cursor, + .monaco-editor.vs-dark .cursor { + background-color: windowtext !important; + } + /* dnd target */ + .monaco-editor.vs .dnd-target, + .monaco-editor.vs-dark .dnd-target { + border-color: windowtext !important; + } + + /* selected text background */ + .monaco-editor.vs .selected-text, + .monaco-editor.vs-dark .selected-text { + background-color: highlight !important; + } + + /* allow the text to have a transparent background. */ + .monaco-editor.vs .view-line, + .monaco-editor.vs-dark .view-line { + -ms-high-contrast-adjust: none; + } + + /* text color */ + .monaco-editor.vs .view-line span, + .monaco-editor.vs-dark .view-line span { + color: windowtext !important; + } + /* selected text color */ + .monaco-editor.vs .view-line span.inline-selected-text, + .monaco-editor.vs-dark .view-line span.inline-selected-text { + color: highlighttext !important; + } + + /* allow decorations */ + .monaco-editor.vs .view-overlays, + .monaco-editor.vs-dark .view-overlays { + -ms-high-contrast-adjust: none; + } + + /* various decorations */ + .monaco-editor.vs .selectionHighlight, + .monaco-editor.vs-dark .selectionHighlight, + .monaco-editor.vs .wordHighlight, + .monaco-editor.vs-dark .wordHighlight, + .monaco-editor.vs .wordHighlightStrong, + .monaco-editor.vs-dark .wordHighlightStrong, + .monaco-editor.vs .reference-decoration, + .monaco-editor.vs-dark .reference-decoration { + border: 2px dotted highlight !important; + background: transparent !important; + box-sizing: border-box; + } + .monaco-editor.vs .rangeHighlight, + .monaco-editor.vs-dark .rangeHighlight { + background: transparent !important; + border: 1px dotted activeborder !important; + box-sizing: border-box; + } + .monaco-editor.vs .bracket-match, + .monaco-editor.vs-dark .bracket-match { + border-color: windowtext !important; + background: transparent !important; + } + + /* find widget */ + .monaco-editor.vs .findMatch, + .monaco-editor.vs-dark .findMatch, + .monaco-editor.vs .currentFindMatch, + .monaco-editor.vs-dark .currentFindMatch { + border: 2px dotted activeborder !important; + background: transparent !important; + box-sizing: border-box; + } + .monaco-editor.vs .find-widget, + .monaco-editor.vs-dark .find-widget { + border: 1px solid windowtext; + } + + /* list - used by suggest widget */ + .monaco-editor.vs .monaco-list .monaco-list-row, + .monaco-editor.vs-dark .monaco-list .monaco-list-row { + -ms-high-contrast-adjust: none; + color: windowtext !important; + } + .monaco-editor.vs .monaco-list .monaco-list-row.focused, + .monaco-editor.vs-dark .monaco-list .monaco-list-row.focused { + color: highlighttext !important; + background-color: highlight !important; + } + .monaco-editor.vs .monaco-list .monaco-list-row:hover, + .monaco-editor.vs-dark .monaco-list .monaco-list-row:hover { + background: transparent !important; + border: 1px solid highlight; + box-sizing: border-box; + } + + /* scrollbars */ + .monaco-editor.vs .monaco-scrollable-element > .scrollbar, + .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar { + -ms-high-contrast-adjust: none; + background: background !important; + border: 1px solid windowtext; + box-sizing: border-box; + } + .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider, + .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider { + background: windowtext !important; + } + .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover, + .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider:hover { + background: highlight !important; + } + .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider.active, + .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active { + background: highlight !important; + } + + /* overview ruler */ + .monaco-editor.vs .decorationsOverviewRuler, + .monaco-editor.vs-dark .decorationsOverviewRuler { + opacity: 0; + } + + /* minimap */ + .monaco-editor.vs .minimap, + .monaco-editor.vs-dark .minimap { + display: none; + } + + /* squiggles */ + .monaco-editor.vs .squiggly-d-error, + .monaco-editor.vs-dark .squiggly-d-error { + background: transparent !important; + border-bottom: 4px double #E47777; + } + .monaco-editor.vs .squiggly-c-warning, + .monaco-editor.vs-dark .squiggly-c-warning { + border-bottom: 4px double #71B771; + } + .monaco-editor.vs .squiggly-b-info, + .monaco-editor.vs-dark .squiggly-b-info { + border-bottom: 4px double #71B771; + } + .monaco-editor.vs .squiggly-a-hint, + .monaco-editor.vs-dark .squiggly-a-hint { + border-bottom: 4px double #6c6c6c; + } + + /* contextmenu */ + .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, + .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label { + -ms-high-contrast-adjust: none; + color: highlighttext !important; + background-color: highlight !important; + } + .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label, + .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label { + -ms-high-contrast-adjust: none; + background: transparent !important; + border: 1px solid highlight; + box-sizing: border-box; + } + + /* diff editor */ + .monaco-diff-editor.vs .diffOverviewRuler, + .monaco-diff-editor.vs-dark .diffOverviewRuler { + display: none; + } + .monaco-editor.vs .line-insert, + .monaco-editor.vs-dark .line-insert, + .monaco-editor.vs .line-delete, + .monaco-editor.vs-dark .line-delete { + background: transparent !important; + border: 1px solid highlight !important; + box-sizing: border-box; + } + .monaco-editor.vs .char-insert, + .monaco-editor.vs-dark .char-insert, + .monaco-editor.vs .char-delete, + .monaco-editor.vs-dark .char-delete { + background: transparent !important; + } +} + +/*.monaco-editor.vs [tabindex="0"]:focus { + outline: 1px solid rgba(0, 122, 204, 0.4); + outline-offset: -1px; + opacity: 1 !important; +} + +.monaco-editor.vs-dark [tabindex="0"]:focus { + outline: 1px solid rgba(14, 99, 156, 0.6); + outline-offset: -1px; + opacity: 1 !important; +}*/ + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +/* ---------- DiffEditor ---------- */ + +.monaco-diff-editor .diffOverview { + z-index: 9; +} + +.monaco-diff-editor .diffOverview .diffViewport { + z-index: 10; +} + +/* colors not externalized: using transparancy on background */ +.monaco-diff-editor.vs .diffOverview { background: rgba(0, 0, 0, 0.03); } +.monaco-diff-editor.vs-dark .diffOverview { background: rgba(255, 255, 255, 0.01); } + +.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar { background: rgba(0,0,0,0); } +.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar { background: rgba(0,0,0,0); } +.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar { background: none; } + +.monaco-scrollable-element.modified-in-monaco-diff-editor .slider { + z-index: 10; +} +.modified-in-monaco-diff-editor .slider.active { background: rgba(171, 171, 171, .4); } +.modified-in-monaco-diff-editor.hc-black .slider.active { background: none; } + +/* ---------- Diff ---------- */ + +.monaco-editor .insert-sign, +.monaco-diff-editor .insert-sign, +.monaco-editor .delete-sign, +.monaco-diff-editor .delete-sign { + font-size: 11px !important; + opacity: 0.7 !important; + display: flex !important; + align-items: center; +} +.monaco-editor.hc-black .insert-sign, +.monaco-diff-editor.hc-black .insert-sign, +.monaco-editor.hc-black .delete-sign, +.monaco-diff-editor.hc-black .delete-sign { + opacity: 1; +} + +.monaco-editor .inline-deleted-margin-view-zone { + text-align: right; +} +.monaco-editor .inline-added-margin-view-zone { + text-align: right; +} + +/* ---------- Inline Diff ---------- */ + +.monaco-editor .view-zones .view-lines .view-line span { + display: inline-block; +} + +.monaco-editor .margin-view-zones .lightbulb-glyph:hover { + cursor: pointer; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-diff-editor .diff-review-line-number { + text-align: right; + display: inline-block; +} + +.monaco-diff-editor .diff-review { + position: absolute; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +.monaco-diff-editor .diff-review-summary { + padding-left: 10px; +} + +.monaco-diff-editor .diff-review-shadow { + position: absolute; +} + +.monaco-diff-editor .diff-review-row { + white-space: pre; +} + +.monaco-diff-editor .diff-review-table { + display: table; + min-width: 100%; +} + +.monaco-diff-editor .diff-review-row { + display: table-row; + width: 100%; +} + +.monaco-diff-editor .diff-review-spacer { + display: inline-block; + width: 10px; + vertical-align: middle; +} + +.monaco-diff-editor .diff-review-spacer > .codicon { + font-size: 9px !important; +} + +.monaco-diff-editor .diff-review-actions { + display: inline-block; + position: absolute; + right: 10px; + top: 2px; +} + +.monaco-diff-editor .diff-review-actions .action-label { + width: 16px; + height: 16px; + margin: 2px 0; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.context-view .monaco-menu { + min-width: 130px; +} + + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.context-view { + position: absolute; + z-index: 2500; +} + +.context-view.fixed { + all: initial; + font-family: inherit; + font-size: 13px; + position: fixed; + z-index: 2500; + color: inherit; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.quick-input-widget { + font-size: 13px; +} + +.quick-input-widget .monaco-highlighted-label .highlight, +.quick-input-widget .monaco-highlighted-label .highlight { + color: #0066BF; +} + +.vs-dark .quick-input-widget .monaco-highlighted-label .highlight, +.vs-dark .quick-input-widget .monaco-highlighted-label .highlight { + color: #0097fb; +} + +.hc-black .quick-input-widget .monaco-highlighted-label .highlight, +.hc-black .quick-input-widget .monaco-highlighted-label .highlight { + color: #F38518; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.quick-input-widget { + position: absolute; + width: 600px; + z-index: 2000; + padding-bottom: 6px; + left: 50%; + margin-left: -300px; +} + +.quick-input-titlebar { + display: flex; +} + +.quick-input-left-action-bar { + display: flex; + margin-left: 4px; + flex: 1; +} + +.quick-input-left-action-bar.monaco-action-bar .actions-container { + justify-content: flex-start; +} + +.quick-input-title { + padding: 3px 0px; + text-align: center; +} + +.quick-input-right-action-bar { + display: flex; + margin-right: 4px; + flex: 1; +} + +.quick-input-titlebar .monaco-action-bar .action-label.codicon { + margin: 0; + width: 19px; + height: 100%; + background-position: center; + background-repeat: no-repeat; +} + +.quick-input-description { + margin: 6px; +} + +.quick-input-header { + display: flex; + padding: 6px 6px 0px 6px; + margin-bottom: -2px; +} + +.quick-input-widget.hidden-input .quick-input-header { + /* reduce margins and paddings when input box hidden */ + padding: 0; + margin-bottom: 0; +} + +.quick-input-and-message { + display: flex; + flex-direction: column; + flex-grow: 1; + position: relative; +} + +.quick-input-check-all { + align-self: center; + margin: 0; +} + +.quick-input-filter { + flex-grow: 1; + display: flex; + position: relative; +} + +.quick-input-box { + flex-grow: 1; +} + +.quick-input-widget.show-checkboxes .quick-input-box, +.quick-input-widget.show-checkboxes .quick-input-message { + margin-left: 5px; +} + +.quick-input-visible-count { + position: absolute; + left: -10000px; +} + +.quick-input-count { + align-self: center; + position: absolute; + right: 4px; + display: flex; + align-items: center; +} + +.quick-input-count .monaco-count-badge { + vertical-align: middle; + padding: 2px 4px; + border-radius: 2px; + min-height: auto; + line-height: normal; +} + +.quick-input-action { + margin-left: 6px; +} + +.quick-input-action .monaco-text-button { + font-size: 11px; + padding: 0 6px; + display: flex; + height: 100%; + align-items: center; +} + +.quick-input-message { + margin-top: -1px; + padding: 5px 5px 2px 5px; +} + +.quick-input-progress.monaco-progress-container { + position: relative; +} + +.quick-input-progress.monaco-progress-container, +.quick-input-progress.monaco-progress-container .progress-bit { + height: 2px; +} + +.quick-input-list { + line-height: 22px; + margin-top: 6px; +} + +.quick-input-widget.hidden-input .quick-input-list { + margin-top: 0; /* reduce margins when input box hidden */ +} + +.quick-input-list .monaco-list { + overflow: hidden; + max-height: calc(20 * 22px); +} + +.quick-input-list .quick-input-list-entry { + box-sizing: border-box; + overflow: hidden; + display: flex; + height: 100%; + padding: 0 6px; +} + +.quick-input-list .quick-input-list-entry.quick-input-list-separator-border { + border-top-width: 1px; + border-top-style: solid; +} + +.quick-input-list .monaco-list-row:first-child .quick-input-list-entry.quick-input-list-separator-border { + border-top-style: none; +} + +.quick-input-list .quick-input-list-label { + overflow: hidden; + display: flex; + height: 100%; + flex: 1; +} + +.quick-input-list .quick-input-list-checkbox { + align-self: center; + margin: 0; +} + +.quick-input-list .quick-input-list-rows { + overflow: hidden; + text-overflow: ellipsis; + display: flex; + flex-direction: column; + height: 100%; + flex: 1; + margin-left: 5px; +} + +.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows { + margin-left: 10px; +} + +.quick-input-widget .quick-input-list .quick-input-list-checkbox { + display: none; +} +.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox { + display: inline; +} + +.quick-input-list .quick-input-list-rows > .quick-input-list-row { + display: flex; + align-items: center; +} + +.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label, +.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container { + flex: 1; /* make sure the icon label grows within the row */ +} + +.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] { + vertical-align: sub; +} + +.quick-input-list .quick-input-list-rows .monaco-highlighted-label span { + opacity: 1; +} + +.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding { + margin-right: 8px; /* separate from the separator label or scrollbar if any */ +} + +.quick-input-list .quick-input-list-label-meta { + opacity: 0.7; + line-height: normal; + text-overflow: ellipsis; + overflow: hidden; +} + +.quick-input-list .monaco-highlighted-label .highlight { + font-weight: bold; +} + +.quick-input-list .quick-input-list-entry .quick-input-list-separator { + margin-right: 8px; /* separate from keybindings or actions */ +} + +.quick-input-list .quick-input-list-entry-action-bar { + display: flex; + flex: 0; + overflow: visible; +} + +.quick-input-list .quick-input-list-entry-action-bar .action-label { + /* + * By default, actions in the quick input action bar are hidden + * until hovered over them or selected. + */ + display: none; +} + +.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon { + margin: 0; + height: 100%; + padding: 0 2px; + vertical-align: middle; +} + +.quick-input-list .quick-input-list-entry-action-bar { + margin-top: 1px; +} + +.quick-input-list .quick-input-list-entry-action-bar { + margin-right: 4px; /* separate from scrollbar */ +} + +.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon { + margin-right: 4px; /* separate actions */ +} + +.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible, +.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label, +.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label { + display: flex; +} + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-keybinding { + display: flex; + align-items: center; + line-height: 10px; +} + +.monaco-keybinding > .monaco-keybinding-key { + display: inline-block; + border: solid 1px rgba(204, 204, 204, 0.4); + border-bottom-color: rgba(187, 187, 187, 0.4); + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4); + background-color: rgba(221, 221, 221, 0.4); + vertical-align: middle; + color: #555; + font-size: 11px; + padding: 3px 5px; + margin: 0 2px; +} + +.monaco-keybinding > .monaco-keybinding-key:first-child { + margin-left: 0; +} + +.monaco-keybinding > .monaco-keybinding-key:last-child { + margin-right: 0; +} + +.hc-black .monaco-keybinding > .monaco-keybinding-key, +.vs-dark .monaco-keybinding > .monaco-keybinding-key { + background-color: rgba(128, 128, 128, 0.17); + color: #ccc; + border: solid 1px rgba(51, 51, 51, 0.6); + border-bottom-color: rgba(68, 68, 68, 0.6); + box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6); +} + +.monaco-keybinding > .monaco-keybinding-key-separator { + display: inline-block; +} + +.monaco-keybinding > .monaco-keybinding-key-chord-separator { + width: 6px; +} +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-progress-container { + width: 100%; + height: 5px; + overflow: hidden; /* keep progress bit in bounds */ +} + +.monaco-progress-container .progress-bit { + width: 2%; + height: 5px; + position: absolute; + left: 0; + display: none; +} + +.monaco-progress-container.active .progress-bit { + display: inherit; +} + +.monaco-progress-container.discrete .progress-bit { + left: 0; + transition: width 100ms linear; +} + +.monaco-progress-container.discrete.done .progress-bit { + width: 100%; +} + +.monaco-progress-container.infinite .progress-bit { + animation-name: progress; + animation-duration: 4s; + animation-iteration-count: infinite; + animation-timing-function: linear; + transform: translate3d(0px, 0px, 0px); +} + +/** + * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of + * that container. Since translateX is relative to the progress bit size, we have to multiple it with + * its relative size to the parent container: + * 50%: 50 * 50 = 2500% + * 100%: 50 * 100 - 50 (do not overflow): 4950% + */ +@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4950%) scaleX(1) } } + +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +.monaco-text-button { + box-sizing: border-box; + display: flex; + width: 100%; + padding: 4px; + text-align: center; + cursor: pointer; + outline-offset: 2px !important; + justify-content: center; + align-items: center; +} + +.monaco-text-button:hover { + text-decoration: none !important; +} + +.monaco-button.disabled { + opacity: 0.4; + cursor: default; +} + +.monaco-button > .codicon { + margin: 0 0.2em; + color: inherit !important; +} #editor.svelte-129q4vv{width:100%;height:400px;max-height:300px;flex:1} #editor-conf.svelte-e1y9ss{width:100%;height:200px;max-height:300px;flex:1} diff --git a/package.json b/package.json index 40911cfc..fa2374d1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mermaid-live-editor", - "version": "1.2.0", + "version": "1.2.7", "license": "MIT", "devDependencies": { "cross-env": "^7.0.3", @@ -43,4 +43,4 @@ "lint-staged": { "*.{ts,svelte,js,css,md}": "prettier --plugin-search-dir=. --write" } -} \ No newline at end of file +}