mirror of
https://gitee.com/270580156/weiyu.git
synced 2026-05-15 19:58:00 +00:00
4674 lines
105 KiB
CSS
4674 lines
105 KiB
CSS
.tippy-box[data-animation="fade"][data-state="hidden"] {
|
||
opacity: 0;
|
||
}
|
||
[data-tippy-root] {
|
||
max-width: calc(100vw - 10px);
|
||
}
|
||
.tippy-box {
|
||
background-color: #333;
|
||
border-radius: 4px;
|
||
color: #fff;
|
||
font-size: 14px;
|
||
line-height: 1.4;
|
||
outline: 0;
|
||
position: relative;
|
||
transition-property: transform, visibility, opacity;
|
||
white-space: normal;
|
||
}
|
||
.tippy-box[data-placement^="top"] > .tippy-arrow {
|
||
bottom: 0;
|
||
}
|
||
.tippy-box[data-placement^="top"] > .tippy-arrow:before {
|
||
border-top-color: initial;
|
||
border-width: 8px 8px 0;
|
||
bottom: -7px;
|
||
left: 0;
|
||
transform-origin: center top;
|
||
}
|
||
.tippy-box[data-placement^="bottom"] > .tippy-arrow {
|
||
top: 0;
|
||
}
|
||
.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
|
||
border-bottom-color: initial;
|
||
border-width: 0 8px 8px;
|
||
left: 0;
|
||
top: -7px;
|
||
transform-origin: center bottom;
|
||
}
|
||
.tippy-box[data-placement^="left"] > .tippy-arrow {
|
||
right: 0;
|
||
}
|
||
.tippy-box[data-placement^="left"] > .tippy-arrow:before {
|
||
border-left-color: initial;
|
||
border-width: 8px 0 8px 8px;
|
||
right: -7px;
|
||
transform-origin: center left;
|
||
}
|
||
.tippy-box[data-placement^="right"] > .tippy-arrow {
|
||
left: 0;
|
||
}
|
||
.tippy-box[data-placement^="right"] > .tippy-arrow:before {
|
||
border-right-color: initial;
|
||
border-width: 8px 8px 8px 0;
|
||
left: -7px;
|
||
transform-origin: center right;
|
||
}
|
||
.tippy-box[data-inertia][data-state="visible"] {
|
||
transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
|
||
}
|
||
.tippy-arrow {
|
||
color: #333;
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.tippy-arrow:before {
|
||
border-color: transparent;
|
||
border-style: solid;
|
||
content: "";
|
||
position: absolute;
|
||
}
|
||
.tippy-content {
|
||
padding: 5px 9px;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.btn {
|
||
background-color: transparent;
|
||
border: 1px solid transparent;
|
||
border-radius: 0.25rem;
|
||
color: rgba(0, 0, 0, 0.87);
|
||
display: inline-block;
|
||
font-size: 1rem;
|
||
line-height: 1.5;
|
||
margin: 0;
|
||
padding: 0.375rem 0.75rem;
|
||
text-align: center;
|
||
transition:
|
||
color 0.15s ease-in-out,
|
||
background-color 0.15s ease-in-out,
|
||
border-color 0.15s ease-in-out,
|
||
box-shadow 0.15s ease-in-out;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
vertical-align: middle;
|
||
}
|
||
.btn:hover {
|
||
background-color: rgba(0, 0, 0, 0.04);
|
||
text-decoration: none;
|
||
}
|
||
.btn:focus {
|
||
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
||
outline: 0;
|
||
}
|
||
.btn:disabled {
|
||
opacity: 0.65;
|
||
}
|
||
.btn:not(:disabled) {
|
||
cursor: pointer;
|
||
}
|
||
.navbar {
|
||
background: #fff;
|
||
border-bottom: 1px solid #e0e0e0;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
left: 0;
|
||
padding: 16px 32px;
|
||
position: fixed;
|
||
right: 0;
|
||
top: 0;
|
||
z-index: 10;
|
||
}
|
||
.navbar-logo {
|
||
height: 32px;
|
||
vertical-align: top;
|
||
}
|
||
.navbar-actions .btn {
|
||
padding-bottom: 3px;
|
||
padding-top: 3px;
|
||
}
|
||
.navbar + .tb-main {
|
||
margin-top: 65px;
|
||
}
|
||
.navbar + .tb-main .Tabs-nav {
|
||
top: 65px;
|
||
}
|
||
.navbar + .tb-main .preview-inner {
|
||
top: 81px;
|
||
}
|
||
.navbar + .tb-main .chatui-container,
|
||
.navbar + .tb-main .editor {
|
||
height: calc(100vh - 145px);
|
||
}
|
||
.GradientPicker .gpw {
|
||
padding: 0;
|
||
}
|
||
.GradientPicker .popover {
|
||
background: #fff;
|
||
}
|
||
.Radio {
|
||
display: block;
|
||
min-height: 1.5rem;
|
||
padding-left: 1.5rem;
|
||
position: relative;
|
||
}
|
||
.Radio-input {
|
||
height: 1.25rem;
|
||
left: 0;
|
||
margin: 0;
|
||
opacity: 0;
|
||
position: absolute;
|
||
width: 1rem;
|
||
z-index: -1;
|
||
}
|
||
.Radio-label {
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
vertical-align: top;
|
||
}
|
||
.Radio-label:before {
|
||
background-color: #fff;
|
||
border: 1px solid #adb5bd;
|
||
border-radius: 50%;
|
||
pointer-events: none;
|
||
transition:
|
||
background-color 0.15s ease-in-out,
|
||
border-color 0.15s ease-in-out,
|
||
box-shadow 0.15s ease-in-out;
|
||
}
|
||
.Radio-label:after,
|
||
.Radio-label:before {
|
||
content: "";
|
||
display: block;
|
||
height: 1rem;
|
||
left: -1.5rem;
|
||
position: absolute;
|
||
top: 0.25rem;
|
||
width: 1rem;
|
||
}
|
||
.Radio-label:after {
|
||
background: no-repeat 50% 50%;
|
||
background-size: 50% 50%;
|
||
}
|
||
.Radio-input:checked ~ .Radio-label:before {
|
||
background-color: #007bff;
|
||
border-color: #007bff;
|
||
color: #fff;
|
||
}
|
||
.Radio-input:checked ~ .Radio-label:after {
|
||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
|
||
}
|
||
.Radio-input:focus ~ .Radio-label:before {
|
||
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
||
}
|
||
.InputImage {
|
||
position: relative;
|
||
}
|
||
.InputImage-input {
|
||
border: 1px solid #c8d0d8;
|
||
border-radius: 4px;
|
||
color: #22272d;
|
||
font-family: inherit;
|
||
font-size: 14px;
|
||
line-height: 20px;
|
||
outline: none;
|
||
padding: 5px 40px 5px 12px;
|
||
transition:
|
||
border-color 0.15s ease-in-out,
|
||
box-shadow 0.15s ease-in-out;
|
||
width: 100%;
|
||
}
|
||
.InputImage-input:focus {
|
||
background-color: #fff;
|
||
border-color: #80bdff;
|
||
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
||
color: #495057;
|
||
outline: 0;
|
||
}
|
||
.InputImage-upload {
|
||
background: transparent;
|
||
border: 0;
|
||
color: #39f;
|
||
display: flex;
|
||
font-size: 20px;
|
||
padding: 6px;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
white-space: nowrap;
|
||
}
|
||
.InputImage-upload:hover {
|
||
background-color: rgba(0, 0, 0, 0.05);
|
||
cursor: pointer;
|
||
}
|
||
.InputImage-uploadIcon {
|
||
fill: currentColor;
|
||
display: inline-block;
|
||
flex-shrink: 0;
|
||
height: 1em;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
width: 1em;
|
||
}
|
||
.InputBackground .Radio {
|
||
margin-top: 12px;
|
||
}
|
||
.InputBackground .Radio:first-child {
|
||
margin-top: 0;
|
||
}
|
||
.InputBackground-inner {
|
||
margin-top: 5px;
|
||
padding-left: 1.5rem;
|
||
}
|
||
.ColorPicker {
|
||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||
border: 1px solid #c8d0d8;
|
||
border-radius: 4px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
height: 32px;
|
||
overflow: hidden;
|
||
transition: 0.3s;
|
||
}
|
||
.ColorPicker-input {
|
||
border: 0;
|
||
color: #22272d;
|
||
cursor: pointer;
|
||
flex-grow: 1;
|
||
font-family: inherit;
|
||
outline: none;
|
||
padding: 0 14px;
|
||
width: 0;
|
||
}
|
||
.ColorPicker-append {
|
||
align-items: center;
|
||
border-left: 1px solid #c8d0d8;
|
||
cursor: pointer;
|
||
display: flex;
|
||
height: 100%;
|
||
justify-content: center;
|
||
padding: 0 5px;
|
||
}
|
||
.ColorPicker-color {
|
||
border-radius: 4px;
|
||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
|
||
flex-shrink: 0;
|
||
height: 22px;
|
||
margin-right: 5px;
|
||
width: 22px;
|
||
}
|
||
.ColorPicker-arrow {
|
||
border-color: #647384 transparent transparent;
|
||
border-style: solid;
|
||
border-width: 5px 5px 0;
|
||
}
|
||
.ColorPicker-popover {
|
||
position: absolute;
|
||
z-index: 2;
|
||
}
|
||
.ColorPicker-cover {
|
||
bottom: 0;
|
||
left: 0;
|
||
position: fixed;
|
||
right: 0;
|
||
top: 0;
|
||
}
|
||
.Checkbox {
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
.Checkbox-input {
|
||
-webkit-appearance: none;
|
||
background-color: #fff;
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
background-size: contain;
|
||
border: 1px solid rgba(0, 0, 0, 0.25);
|
||
border-radius: 0.25em;
|
||
height: 16px;
|
||
margin: 0 8px 0 0;
|
||
width: 16px;
|
||
}
|
||
.Checkbox-input:checked {
|
||
background-color: #0d6efd;
|
||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
|
||
border-color: #0d6efd;
|
||
}
|
||
.InputRange {
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
.InputRange-input {
|
||
margin: 0;
|
||
}
|
||
.InputRange-label {
|
||
color: rgba(0, 0, 0, 0.87);
|
||
font-size: 14px;
|
||
margin-left: 3px;
|
||
}
|
||
.icon {
|
||
fill: currentColor;
|
||
display: inline-block;
|
||
flex-shrink: 0;
|
||
height: 1em;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
width: 1em;
|
||
}
|
||
.theme-color-select {
|
||
display: flex;
|
||
grid-column-start: span 3;
|
||
}
|
||
.theme-color-select__item {
|
||
align-items: center;
|
||
border: 2px solid transparent;
|
||
border-radius: 100%;
|
||
display: flex;
|
||
height: 50px;
|
||
justify-content: center;
|
||
margin-right: 10px;
|
||
transition: 0.2s;
|
||
width: 50px;
|
||
}
|
||
.theme-color-select__item:hover {
|
||
border-color: #006cff;
|
||
cursor: pointer;
|
||
}
|
||
.theme-color-select__item.active {
|
||
border-color: #006cff;
|
||
}
|
||
.theme-color-select__item.active:hover {
|
||
cursor: default;
|
||
}
|
||
.theme-color-select__item div {
|
||
border-radius: 100%;
|
||
height: 40px;
|
||
width: 40px;
|
||
}
|
||
.theme-color-select__setting {
|
||
align-items: center;
|
||
background: linear-gradient(135deg, #32c5ff, #b620e0 51%, #f7b500);
|
||
color: #fff;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.upgrade-alert {
|
||
align-items: center;
|
||
background: #fff3cd;
|
||
border: 1px solid #ffecb5;
|
||
border-radius: 6px;
|
||
color: #664d03;
|
||
display: flex;
|
||
margin-bottom: 12px;
|
||
padding: 12px 16px;
|
||
}
|
||
.upgrade-alert p {
|
||
flex: 1;
|
||
margin: 0;
|
||
}
|
||
.upgrade-btn {
|
||
border: 1px solid #ff3634;
|
||
color: #ff3634;
|
||
font-size: 12px;
|
||
}
|
||
.upgrade-btn:hover {
|
||
background-color: inherit;
|
||
}
|
||
.upgrade-btn:focus {
|
||
box-shadow: 0 0 0 0.2rem rgba(255, 54, 52, 0.25);
|
||
outline: 0;
|
||
}
|
||
.input {
|
||
border: 1px solid #c8d0d8;
|
||
border-radius: 4px;
|
||
color: #22272d;
|
||
font-family: inherit;
|
||
font-size: 14px;
|
||
line-height: 20px;
|
||
outline: none;
|
||
padding: 5px 12px;
|
||
transition:
|
||
border-color 0.15s ease-in-out,
|
||
box-shadow 0.15s ease-in-out;
|
||
width: 100%;
|
||
}
|
||
.input:focus {
|
||
background-color: #fff;
|
||
border-color: #80bdff;
|
||
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
||
color: #495057;
|
||
outline: 0;
|
||
}
|
||
.input:invalid {
|
||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
|
||
background-position: right calc(0.375em + 0.1875rem) center;
|
||
background-repeat: no-repeat;
|
||
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
|
||
border-color: #dc3545;
|
||
padding-right: calc(0.75em + 2.3125rem);
|
||
}
|
||
.input:invalid:focus {
|
||
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
|
||
}
|
||
.form-group {
|
||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||
border-radius: 8px;
|
||
padding: 16px 20px 24px;
|
||
transition: 0.3s;
|
||
}
|
||
.form-group:hover {
|
||
border-color: #006cff;
|
||
}
|
||
.form-group + .form-group {
|
||
margin-top: 12px;
|
||
}
|
||
.form-group__header {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin: 0 0 16px;
|
||
}
|
||
.form-group__title {
|
||
color: #333;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
margin: 0;
|
||
}
|
||
.form-group__body {
|
||
-moz-column-gap: 20px;
|
||
column-gap: 20px;
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
row-gap: 16px;
|
||
}
|
||
.form-item {
|
||
position: relative;
|
||
}
|
||
.form-item:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
.form-item:hover .icon-info-circle {
|
||
transform: scale(1.2);
|
||
}
|
||
.form-item__label {
|
||
align-items: center;
|
||
color: #647384;
|
||
display: flex;
|
||
font-size: 16px;
|
||
line-height: 20px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.form-item .icon-info-circle {
|
||
margin-left: 5px;
|
||
transition: transform 0.3s ease-in-out;
|
||
will-change: transform;
|
||
}
|
||
.remove-btn {
|
||
color: #999;
|
||
}
|
||
.remove-btn .icon {
|
||
display: block;
|
||
}
|
||
.add-btn {
|
||
align-items: center;
|
||
background: #fff;
|
||
border: 1px dashed #d9d9d9;
|
||
color: rgba(0, 0, 0, 0.65);
|
||
display: flex;
|
||
font-size: 14px;
|
||
grid-column-start: span 2;
|
||
justify-content: center;
|
||
line-height: 1.2;
|
||
}
|
||
.add-btn:hover {
|
||
background: #fff;
|
||
border-color: #40a9ff;
|
||
color: #40a9ff;
|
||
}
|
||
.add-btn .icon {
|
||
margin-right: 8px;
|
||
}
|
||
.monaco-editor {
|
||
--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono",
|
||
"Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
|
||
font-family:
|
||
-apple-system,
|
||
BlinkMacSystemFont,
|
||
Segoe WPC,
|
||
Segoe UI,
|
||
HelveticaNeue-Light,
|
||
system-ui,
|
||
Ubuntu,
|
||
Droid Sans,
|
||
sans-serif;
|
||
}
|
||
.monaco-editor.hc-black
|
||
.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,
|
||
.monaco-menu
|
||
.monaco-action-bar.vertical
|
||
.action-item
|
||
.action-menu-item:focus
|
||
.action-label {
|
||
stroke-width: 1.2px;
|
||
}
|
||
.monaco-hover p {
|
||
margin: 0;
|
||
}
|
||
.monaco-aria-container {
|
||
clip: rect(1px, 1px, 1px, 1px);
|
||
-webkit-clip-path: inset(50%);
|
||
clip-path: inset(50%);
|
||
height: 1px;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute !important;
|
||
top: 0;
|
||
width: 1px;
|
||
}
|
||
.monaco-editor.hc-black {
|
||
-ms-high-contrast-adjust: none;
|
||
}
|
||
@media screen and (-ms-high-contrast: active) {
|
||
.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;
|
||
}
|
||
.monaco-editor.vs .cursor,
|
||
.monaco-editor.vs-dark .cursor {
|
||
background-color: windowtext !important;
|
||
}
|
||
.monaco-editor.vs .dnd-target,
|
||
.monaco-editor.vs-dark .dnd-target {
|
||
border-color: windowtext !important;
|
||
}
|
||
.monaco-editor.vs .selected-text,
|
||
.monaco-editor.vs-dark .selected-text {
|
||
background-color: highlight !important;
|
||
}
|
||
.monaco-editor.vs .view-line,
|
||
.monaco-editor.vs-dark .view-line {
|
||
-ms-high-contrast-adjust: none;
|
||
}
|
||
.monaco-editor.vs .view-line span,
|
||
.monaco-editor.vs-dark .view-line span {
|
||
color: windowtext !important;
|
||
}
|
||
.monaco-editor.vs .view-line span.inline-selected-text,
|
||
.monaco-editor.vs-dark .view-line span.inline-selected-text {
|
||
color: highlighttext !important;
|
||
}
|
||
.monaco-editor.vs .view-overlays,
|
||
.monaco-editor.vs-dark .view-overlays {
|
||
-ms-high-contrast-adjust: none;
|
||
}
|
||
.monaco-editor.vs .reference-decoration,
|
||
.monaco-editor.vs .selectionHighlight,
|
||
.monaco-editor.vs .wordHighlight,
|
||
.monaco-editor.vs .wordHighlightStrong,
|
||
.monaco-editor.vs-dark .reference-decoration,
|
||
.monaco-editor.vs-dark .selectionHighlight,
|
||
.monaco-editor.vs-dark .wordHighlight,
|
||
.monaco-editor.vs-dark .wordHighlightStrong {
|
||
background: transparent !important;
|
||
border: 2px dotted highlight !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 {
|
||
background: transparent !important;
|
||
border-color: windowtext !important;
|
||
}
|
||
.monaco-editor.vs .currentFindMatch,
|
||
.monaco-editor.vs .findMatch,
|
||
.monaco-editor.vs-dark .currentFindMatch,
|
||
.monaco-editor.vs-dark .findMatch {
|
||
background: transparent !important;
|
||
border: 2px dotted activeborder !important;
|
||
box-sizing: border-box;
|
||
}
|
||
.monaco-editor.vs .find-widget,
|
||
.monaco-editor.vs-dark .find-widget {
|
||
border: 1px solid windowtext;
|
||
}
|
||
.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 {
|
||
background-color: highlight !important;
|
||
color: highlighttext !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;
|
||
}
|
||
.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.active,
|
||
.monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover,
|
||
.monaco-editor.vs-dark
|
||
.monaco-scrollable-element
|
||
> .scrollbar
|
||
> .slider.active,
|
||
.monaco-editor.vs-dark
|
||
.monaco-scrollable-element
|
||
> .scrollbar
|
||
> .slider:hover {
|
||
background: highlight !important;
|
||
}
|
||
.monaco-editor.vs .decorationsOverviewRuler,
|
||
.monaco-editor.vs-dark .decorationsOverviewRuler {
|
||
opacity: 0;
|
||
}
|
||
.monaco-editor.vs .minimap,
|
||
.monaco-editor.vs-dark .minimap {
|
||
display: none;
|
||
}
|
||
.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-b-info,
|
||
.monaco-editor.vs .squiggly-c-warning,
|
||
.monaco-editor.vs-dark .squiggly-b-info,
|
||
.monaco-editor.vs-dark .squiggly-c-warning {
|
||
border-bottom: 4px double #71b771;
|
||
}
|
||
.monaco-editor.vs .squiggly-a-hint,
|
||
.monaco-editor.vs-dark .squiggly-a-hint {
|
||
border-bottom: 4px double #6c6c6c;
|
||
}
|
||
.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;
|
||
background-color: highlight !important;
|
||
color: highlighttext !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;
|
||
}
|
||
.monaco-diff-editor.vs .diffOverviewRuler,
|
||
.monaco-diff-editor.vs-dark .diffOverviewRuler {
|
||
display: none;
|
||
}
|
||
.monaco-editor.vs .line-delete,
|
||
.monaco-editor.vs .line-insert,
|
||
.monaco-editor.vs-dark .line-delete,
|
||
.monaco-editor.vs-dark .line-insert {
|
||
background: transparent !important;
|
||
border: 1px solid highlight !important;
|
||
box-sizing: border-box;
|
||
}
|
||
.monaco-editor.vs .char-delete,
|
||
.monaco-editor.vs .char-insert,
|
||
.monaco-editor.vs-dark .char-delete,
|
||
.monaco-editor.vs-dark .char-insert {
|
||
background: transparent !important;
|
||
}
|
||
}
|
||
.monaco-aria-container {
|
||
left: -999em;
|
||
position: absolute;
|
||
}
|
||
::-ms-clear {
|
||
display: none;
|
||
}
|
||
.monaco-editor .editor-widget input {
|
||
color: inherit;
|
||
}
|
||
.monaco-editor {
|
||
-webkit-text-size-adjust: 100%;
|
||
overflow: visible;
|
||
position: relative;
|
||
}
|
||
.monaco-editor .overflow-guard {
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
.monaco-editor .view-overlays {
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.monaco-editor .inputarea {
|
||
background-color: transparent;
|
||
border: none;
|
||
color: transparent;
|
||
margin: 0;
|
||
min-height: 0;
|
||
min-width: 0;
|
||
outline: none !important;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
resize: none;
|
||
}
|
||
.monaco-editor .inputarea.ime-input {
|
||
z-index: 10;
|
||
}
|
||
.monaco-editor .margin-view-overlays .line-numbers {
|
||
box-sizing: border-box;
|
||
cursor: default;
|
||
display: inline-block;
|
||
font-variant-numeric: tabular-nums;
|
||
height: 100%;
|
||
position: absolute;
|
||
text-align: right;
|
||
vertical-align: middle;
|
||
}
|
||
.monaco-editor .relative-current-line-number {
|
||
display: inline-block;
|
||
text-align: left;
|
||
width: 100%;
|
||
}
|
||
.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
|
||
margin-top: 1px;
|
||
}
|
||
.monaco-mouse-cursor-text {
|
||
cursor: text;
|
||
}
|
||
.monaco-editor .margin-view-overlays .current-line,
|
||
.monaco-editor .view-overlays .current-line {
|
||
box-sizing: border-box;
|
||
display: block;
|
||
left: 0;
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.monaco-editor
|
||
.margin-view-overlays
|
||
.current-line.current-line-margin.current-line-margin-both {
|
||
border-right: 0;
|
||
}
|
||
.monaco-editor .lines-content .cdr {
|
||
position: absolute;
|
||
}
|
||
.monaco-scrollable-element > .scrollbar > .scra {
|
||
cursor: pointer;
|
||
font-size: 11px !important;
|
||
}
|
||
.monaco-scrollable-element > .visible {
|
||
background: transparent;
|
||
opacity: 1;
|
||
transition: opacity 0.1s linear;
|
||
}
|
||
.monaco-scrollable-element > .invisible {
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
}
|
||
.monaco-scrollable-element > .invisible.fade {
|
||
transition: opacity 0.8s linear;
|
||
}
|
||
.monaco-scrollable-element > .shadow {
|
||
display: none;
|
||
position: absolute;
|
||
}
|
||
.monaco-scrollable-element > .shadow.top {
|
||
display: block;
|
||
height: 3px;
|
||
left: 3px;
|
||
top: 0;
|
||
width: 100%;
|
||
}
|
||
.monaco-scrollable-element > .shadow.left {
|
||
display: block;
|
||
height: 100%;
|
||
left: 0;
|
||
top: 3px;
|
||
width: 3px;
|
||
}
|
||
.monaco-scrollable-element > .shadow.top-left-corner {
|
||
display: block;
|
||
height: 3px;
|
||
left: 0;
|
||
top: 0;
|
||
width: 3px;
|
||
}
|
||
.monaco-editor .glyph-margin {
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.monaco-editor .margin-view-overlays .cgmr {
|
||
align-items: center;
|
||
display: flex;
|
||
justify-content: center;
|
||
position: absolute;
|
||
}
|
||
.monaco-editor .lines-content .core-guide {
|
||
box-sizing: border-box;
|
||
position: absolute;
|
||
}
|
||
.mtkcontrol {
|
||
background: #960000 !important;
|
||
color: #fff !important;
|
||
}
|
||
.monaco-editor.no-user-select .lines-content,
|
||
.monaco-editor.no-user-select .view-line,
|
||
.monaco-editor.no-user-select .view-lines {
|
||
-moz-user-select: none;
|
||
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;
|
||
}
|
||
.monaco-editor .lines-decorations {
|
||
background: #fff;
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.monaco-editor .margin-view-overlays .cldr {
|
||
height: 100%;
|
||
position: absolute;
|
||
}
|
||
.monaco-editor .margin-view-overlays .cmdr {
|
||
height: 100%;
|
||
left: 0;
|
||
position: absolute;
|
||
width: 100%;
|
||
}
|
||
.monaco-editor .minimap.slider-mouseover .minimap-slider {
|
||
opacity: 0;
|
||
transition: opacity 0.1s linear;
|
||
}
|
||
.monaco-editor .minimap.slider-mouseover .minimap-slider.active,
|
||
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
|
||
opacity: 1;
|
||
}
|
||
.monaco-editor .minimap-shadow-hidden {
|
||
position: absolute;
|
||
width: 0;
|
||
}
|
||
.monaco-editor .minimap-shadow-visible {
|
||
left: -6px;
|
||
position: absolute;
|
||
width: 6px;
|
||
}
|
||
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
|
||
left: -1px;
|
||
position: absolute;
|
||
width: 1px;
|
||
}
|
||
.monaco-editor .overlayWidgets {
|
||
left: 0;
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.monaco-editor .view-ruler {
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.monaco-editor .scroll-decoration {
|
||
height: 6px;
|
||
left: 0;
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.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;
|
||
}
|
||
.monaco-editor .cursors-layer {
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.monaco-editor .cursors-layer > .cursor {
|
||
overflow: hidden;
|
||
position: absolute;
|
||
}
|
||
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
|
||
transition: all 80ms;
|
||
}
|
||
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
|
||
background: transparent !important;
|
||
border-style: solid;
|
||
border-width: 1px;
|
||
box-sizing: border-box;
|
||
}
|
||
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
|
||
background: transparent !important;
|
||
border-bottom-style: solid;
|
||
border-bottom-width: 2px;
|
||
box-sizing: border-box;
|
||
}
|
||
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
|
||
background: transparent !important;
|
||
border-bottom-style: solid;
|
||
border-bottom-width: 1px;
|
||
box-sizing: border-box;
|
||
}
|
||
@-webkit-keyframes monaco-cursor-smooth {
|
||
0%,
|
||
20% {
|
||
opacity: 1;
|
||
}
|
||
60%,
|
||
to {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
@keyframes monaco-cursor-smooth {
|
||
0%,
|
||
20% {
|
||
opacity: 1;
|
||
}
|
||
60%,
|
||
to {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
@-webkit-keyframes monaco-cursor-phase {
|
||
0%,
|
||
20% {
|
||
opacity: 1;
|
||
}
|
||
90%,
|
||
to {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
@keyframes monaco-cursor-phase {
|
||
0%,
|
||
20% {
|
||
opacity: 1;
|
||
}
|
||
90%,
|
||
to {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
@-webkit-keyframes monaco-cursor-expand {
|
||
0%,
|
||
20% {
|
||
transform: scaleY(1);
|
||
}
|
||
80%,
|
||
to {
|
||
transform: scaleY(0);
|
||
}
|
||
}
|
||
@keyframes monaco-cursor-expand {
|
||
0%,
|
||
20% {
|
||
transform: scaleY(1);
|
||
}
|
||
80%,
|
||
to {
|
||
transform: scaleY(0);
|
||
}
|
||
}
|
||
.cursor-smooth {
|
||
-webkit-animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
|
||
animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
|
||
}
|
||
.cursor-phase {
|
||
-webkit-animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
|
||
animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
|
||
}
|
||
.cursor-expand > .cursor {
|
||
-webkit-animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
|
||
animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
|
||
}
|
||
.monaco-diff-editor .diffOverview {
|
||
z-index: 9;
|
||
}
|
||
.monaco-diff-editor .diffOverview .diffViewport {
|
||
z-index: 10;
|
||
}
|
||
.monaco-diff-editor.vs .diffOverview {
|
||
background: rgba(0, 0, 0, 0.03);
|
||
}
|
||
.monaco-diff-editor.vs-dark .diffOverview {
|
||
background: hsla(0, 0%, 100%, 0.01);
|
||
}
|
||
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar,
|
||
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar {
|
||
background: transparent;
|
||
}
|
||
.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: hsla(0, 0%, 67%, 0.4);
|
||
}
|
||
.modified-in-monaco-diff-editor.hc-black .slider.active {
|
||
background: none;
|
||
}
|
||
.monaco-diff-editor .delete-sign,
|
||
.monaco-diff-editor .insert-sign,
|
||
.monaco-editor .delete-sign,
|
||
.monaco-editor .insert-sign {
|
||
align-items: center;
|
||
display: flex !important;
|
||
font-size: 11px !important;
|
||
opacity: 0.7 !important;
|
||
}
|
||
.monaco-diff-editor.hc-black .delete-sign,
|
||
.monaco-diff-editor.hc-black .insert-sign,
|
||
.monaco-editor.hc-black .delete-sign,
|
||
.monaco-editor.hc-black .insert-sign {
|
||
opacity: 1;
|
||
}
|
||
.monaco-editor .inline-added-margin-view-zone,
|
||
.monaco-editor .inline-deleted-margin-view-zone {
|
||
text-align: right;
|
||
}
|
||
.monaco-editor .view-zones .view-lines .view-line span {
|
||
display: inline-block;
|
||
}
|
||
.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
|
||
cursor: pointer;
|
||
}
|
||
:root {
|
||
--sash-size: 4px;
|
||
}
|
||
.monaco-sash {
|
||
position: absolute;
|
||
touch-action: none;
|
||
z-index: 35;
|
||
}
|
||
.monaco-sash.disabled {
|
||
pointer-events: none;
|
||
}
|
||
.monaco-sash.mac.vertical {
|
||
cursor: col-resize;
|
||
}
|
||
.monaco-sash.vertical.minimum {
|
||
cursor: e-resize;
|
||
}
|
||
.monaco-sash.vertical.maximum {
|
||
cursor: w-resize;
|
||
}
|
||
.monaco-sash.mac.horizontal {
|
||
cursor: row-resize;
|
||
}
|
||
.monaco-sash.horizontal.minimum {
|
||
cursor: s-resize;
|
||
}
|
||
.monaco-sash.horizontal.maximum {
|
||
cursor: n-resize;
|
||
}
|
||
.monaco-sash.disabled {
|
||
cursor: default !important;
|
||
pointer-events: none !important;
|
||
}
|
||
.monaco-sash.vertical {
|
||
cursor: ew-resize;
|
||
height: 100%;
|
||
top: 0;
|
||
width: var(--sash-size);
|
||
}
|
||
.monaco-sash.horizontal {
|
||
cursor: ns-resize;
|
||
height: var(--sash-size);
|
||
left: 0;
|
||
width: 100%;
|
||
}
|
||
.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
|
||
content: " ";
|
||
cursor: all-scroll;
|
||
display: block;
|
||
height: calc(var(--sash-size) * 2);
|
||
position: absolute;
|
||
width: calc(var(--sash-size) * 2);
|
||
z-index: 100;
|
||
}
|
||
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
|
||
> .orthogonal-drag-handle.start,
|
||
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
|
||
> .orthogonal-drag-handle.end {
|
||
cursor: nwse-resize;
|
||
}
|
||
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
|
||
> .orthogonal-drag-handle.end,
|
||
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
|
||
> .orthogonal-drag-handle.start {
|
||
cursor: nesw-resize;
|
||
}
|
||
.monaco-sash.vertical > .orthogonal-drag-handle.start {
|
||
left: calc(var(--sash-size) * -0.5);
|
||
top: calc(var(--sash-size) * -1);
|
||
}
|
||
.monaco-sash.vertical > .orthogonal-drag-handle.end {
|
||
bottom: calc(var(--sash-size) * -1);
|
||
left: calc(var(--sash-size) * -0.5);
|
||
}
|
||
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
|
||
left: calc(var(--sash-size) * -1);
|
||
top: calc(var(--sash-size) * -0.5);
|
||
}
|
||
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
|
||
right: calc(var(--sash-size) * -1);
|
||
top: calc(var(--sash-size) * -0.5);
|
||
}
|
||
.monaco-sash:before {
|
||
background: transparent;
|
||
content: "";
|
||
height: 100%;
|
||
pointer-events: none;
|
||
position: absolute;
|
||
transition: background-color 0.1s ease-out;
|
||
width: 100%;
|
||
}
|
||
.monaco-sash.vertical:before {
|
||
left: calc(50% - var(--sash-hover-size) / 2);
|
||
width: var(--sash-hover-size);
|
||
}
|
||
.monaco-sash.horizontal:before {
|
||
height: var(--sash-hover-size);
|
||
top: calc(50% - var(--sash-hover-size) / 2);
|
||
}
|
||
.pointer-events-disabled {
|
||
pointer-events: none !important;
|
||
}
|
||
.monaco-sash.debug {
|
||
background: cyan;
|
||
}
|
||
.monaco-sash.debug.disabled {
|
||
background: rgba(0, 255, 255, 0.2);
|
||
}
|
||
.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
|
||
background: red;
|
||
}
|
||
.monaco-diff-editor .diff-review-line-number {
|
||
display: inline-block;
|
||
text-align: right;
|
||
}
|
||
.monaco-diff-editor .diff-review {
|
||
position: absolute;
|
||
-moz-user-select: none;
|
||
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;
|
||
vertical-align: middle;
|
||
width: 10px;
|
||
}
|
||
.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 {
|
||
height: 16px;
|
||
margin: 2px 0;
|
||
width: 16px;
|
||
}
|
||
.monaco-action-bar {
|
||
height: 100%;
|
||
white-space: nowrap;
|
||
}
|
||
.monaco-action-bar .actions-container {
|
||
align-items: center;
|
||
display: flex;
|
||
height: 100%;
|
||
margin: 0 auto;
|
||
padding: 0;
|
||
width: 100%;
|
||
}
|
||
.monaco-action-bar.vertical .actions-container {
|
||
display: inline-block;
|
||
}
|
||
.monaco-action-bar .action-item {
|
||
align-items: center;
|
||
cursor: pointer;
|
||
display: block;
|
||
justify-content: center;
|
||
position: relative;
|
||
}
|
||
.monaco-action-bar .action-item.disabled {
|
||
cursor: default;
|
||
}
|
||
.monaco-action-bar .action-item .codicon,
|
||
.monaco-action-bar .action-item .icon {
|
||
display: block;
|
||
}
|
||
.monaco-action-bar .action-item .codicon {
|
||
align-items: center;
|
||
display: flex;
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.monaco-action-bar .action-label {
|
||
border-radius: 5px;
|
||
font-size: 11px;
|
||
padding: 3px;
|
||
}
|
||
.monaco-action-bar .action-item.disabled .action-label,
|
||
.monaco-action-bar .action-item.disabled .action-label:before,
|
||
.monaco-action-bar .action-item.disabled .action-label:hover {
|
||
opacity: 0.4;
|
||
}
|
||
.monaco-action-bar.vertical {
|
||
text-align: left;
|
||
}
|
||
.monaco-action-bar.vertical .action-item {
|
||
display: block;
|
||
}
|
||
.monaco-action-bar.vertical .action-label.separator {
|
||
border-bottom: 1px solid #bbb;
|
||
display: block;
|
||
margin-left: 0.8em;
|
||
margin-right: 0.8em;
|
||
padding-top: 1px;
|
||
}
|
||
.monaco-action-bar .action-item .action-label.separator {
|
||
background-color: #bbb;
|
||
cursor: default;
|
||
height: 16px;
|
||
margin: 5px 4px !important;
|
||
min-width: 1px;
|
||
padding: 0;
|
||
width: 1px;
|
||
}
|
||
.secondary-actions .monaco-action-bar .action-label {
|
||
margin-left: 6px;
|
||
}
|
||
.monaco-action-bar .action-item.select-container {
|
||
align-items: center;
|
||
display: flex;
|
||
flex: 1;
|
||
justify-content: center;
|
||
margin-right: 10px;
|
||
max-width: 170px;
|
||
min-width: 60px;
|
||
overflow: hidden;
|
||
}
|
||
.monaco-action-bar .action-item.action-dropdown-item {
|
||
display: flex;
|
||
}
|
||
.monaco-action-bar .action-item.action-dropdown-item > .action-label {
|
||
margin-right: 1px;
|
||
}
|
||
.context-view {
|
||
position: absolute;
|
||
z-index: 2500;
|
||
}
|
||
.context-view.fixed {
|
||
all: initial;
|
||
color: inherit;
|
||
font-family: inherit;
|
||
font-size: 13px;
|
||
position: fixed;
|
||
z-index: 2500;
|
||
}
|
||
@font-face {
|
||
font-display: block;
|
||
font-family: codicon;
|
||
src: url(//g.alicdn.com/chatui/theme-builder/0.3.0/7f1fe748ff21cfea4168.ttf)
|
||
format("truetype");
|
||
}
|
||
.codicon[class*="codicon-"] {
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
display: inline-block;
|
||
font: normal normal normal 16px/1 codicon;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
text-rendering: auto;
|
||
text-transform: none;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
-webkit-user-select: none;
|
||
-ms-user-select: none;
|
||
}
|
||
.codicon-wrench-subaction {
|
||
opacity: 0.5;
|
||
}
|
||
@-webkit-keyframes codicon-spin {
|
||
to {
|
||
transform: rotate(1turn);
|
||
}
|
||
}
|
||
@keyframes codicon-spin {
|
||
to {
|
||
transform: rotate(1turn);
|
||
}
|
||
}
|
||
.codicon-gear.codicon-modifier-spin,
|
||
.codicon-loading.codicon-modifier-spin,
|
||
.codicon-notebook-state-executing.codicon-modifier-spin,
|
||
.codicon-sync.codicon-modifier-spin {
|
||
-webkit-animation: codicon-spin 1.5s steps(30) infinite;
|
||
animation: codicon-spin 1.5s steps(30) infinite;
|
||
}
|
||
.codicon-modifier-disabled {
|
||
opacity: 0.4;
|
||
}
|
||
.codicon-loading,
|
||
.codicon-tree-item-loading:before {
|
||
-webkit-animation-duration: 1s !important;
|
||
animation-duration: 1s !important;
|
||
-webkit-animation-timing-function: cubic-bezier(
|
||
0.53,
|
||
0.21,
|
||
0.29,
|
||
0.67
|
||
) !important;
|
||
animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
|
||
}
|
||
.context-view .monaco-menu {
|
||
min-width: 130px;
|
||
}
|
||
.quick-input-widget {
|
||
font-size: 13px;
|
||
}
|
||
.quick-input-widget .monaco-highlighted-label .highlight {
|
||
color: #0066bf;
|
||
}
|
||
.vs
|
||
.quick-input-widget
|
||
.monaco-list-row.focused
|
||
.monaco-highlighted-label
|
||
.highlight {
|
||
color: #9dddff;
|
||
}
|
||
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
|
||
color: #0097fb;
|
||
}
|
||
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
|
||
color: #f38518;
|
||
}
|
||
.monaco-keybinding > .monaco-keybinding-key {
|
||
background-color: hsla(0, 0%, 87%, 0.4);
|
||
border: 1px solid hsla(0, 0%, 80%, 0.4);
|
||
border-bottom-color: hsla(0, 0%, 73%, 0.4);
|
||
box-shadow: inset 0 -1px 0 hsla(0, 0%, 73%, 0.4);
|
||
color: #555;
|
||
}
|
||
.hc-black .monaco-keybinding > .monaco-keybinding-key {
|
||
background-color: transparent;
|
||
border: 1px solid #6fc3df;
|
||
box-shadow: none;
|
||
color: #fff;
|
||
}
|
||
.vs-dark .monaco-keybinding > .monaco-keybinding-key {
|
||
background-color: hsla(0, 0%, 50%, 0.17);
|
||
border: 1px solid 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);
|
||
color: #ccc;
|
||
}
|
||
.monaco-text-button {
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
cursor: pointer;
|
||
display: flex;
|
||
justify-content: center;
|
||
padding: 4px;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
.monaco-text-button:focus {
|
||
outline-offset: 2px !important;
|
||
}
|
||
.monaco-text-button:hover {
|
||
text-decoration: none !important;
|
||
}
|
||
.monaco-button.disabled,
|
||
.monaco-button.disabled:focus {
|
||
cursor: default;
|
||
opacity: 0.4 !important;
|
||
}
|
||
.monaco-text-button > .codicon {
|
||
color: inherit !important;
|
||
margin: 0 0.2em;
|
||
}
|
||
.monaco-button-dropdown {
|
||
cursor: pointer;
|
||
display: flex;
|
||
}
|
||
.monaco-button-dropdown > .monaco-dropdown-button {
|
||
margin-left: 1px;
|
||
}
|
||
.monaco-description-button {
|
||
flex-direction: column;
|
||
}
|
||
.monaco-description-button .monaco-button-label {
|
||
font-weight: 500;
|
||
}
|
||
.monaco-description-button .monaco-button-description {
|
||
font-style: italic;
|
||
}
|
||
.monaco-description-button .monaco-button-description,
|
||
.monaco-description-button .monaco-button-label {
|
||
align-items: center;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.monaco-description-button .monaco-button-description > .codicon,
|
||
.monaco-description-button .monaco-button-label > .codicon {
|
||
color: inherit !important;
|
||
margin: 0 0.2em;
|
||
}
|
||
.monaco-count-badge {
|
||
border-radius: 11px;
|
||
box-sizing: border-box;
|
||
display: inline-block;
|
||
font-size: 11px;
|
||
font-weight: 400;
|
||
line-height: 11px;
|
||
min-height: 18px;
|
||
min-width: 18px;
|
||
padding: 3px 6px;
|
||
text-align: center;
|
||
}
|
||
.monaco-count-badge.long {
|
||
border-radius: 2px;
|
||
line-height: normal;
|
||
min-height: auto;
|
||
padding: 2px 3px;
|
||
}
|
||
.monaco-progress-container {
|
||
height: 5px;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
}
|
||
.monaco-progress-container .progress-bit {
|
||
display: none;
|
||
height: 5px;
|
||
left: 0;
|
||
position: absolute;
|
||
width: 2%;
|
||
}
|
||
.monaco-progress-container.active .progress-bit {
|
||
display: inherit;
|
||
}
|
||
.monaco-progress-container.discrete .progress-bit {
|
||
left: 0;
|
||
transition: width 0.1s linear;
|
||
}
|
||
.monaco-progress-container.discrete.done .progress-bit {
|
||
width: 100%;
|
||
}
|
||
.monaco-progress-container.infinite .progress-bit {
|
||
-webkit-animation-duration: 4s;
|
||
animation-duration: 4s;
|
||
-webkit-animation-iteration-count: infinite;
|
||
animation-iteration-count: infinite;
|
||
-webkit-animation-name: progress;
|
||
animation-name: progress;
|
||
-webkit-animation-timing-function: linear;
|
||
animation-timing-function: linear;
|
||
transform: translateZ(0);
|
||
}
|
||
.monaco-progress-container.infinite.infinite-long-running .progress-bit {
|
||
-webkit-animation-timing-function: steps(100);
|
||
animation-timing-function: steps(100);
|
||
}
|
||
@-webkit-keyframes progress {
|
||
0% {
|
||
transform: translateX(0) scaleX(1);
|
||
}
|
||
50% {
|
||
transform: translateX(2500%) scaleX(3);
|
||
}
|
||
to {
|
||
transform: translateX(4900%) scaleX(1);
|
||
}
|
||
}
|
||
@keyframes progress {
|
||
0% {
|
||
transform: translateX(0) scaleX(1);
|
||
}
|
||
50% {
|
||
transform: translateX(2500%) scaleX(3);
|
||
}
|
||
to {
|
||
transform: translateX(4900%) scaleX(1);
|
||
}
|
||
}
|
||
.quick-input-widget {
|
||
left: 50%;
|
||
margin-left: -300px;
|
||
padding: 0 1px 1px;
|
||
position: absolute;
|
||
width: 600px;
|
||
z-index: 2000;
|
||
}
|
||
.quick-input-titlebar {
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
.quick-input-left-action-bar {
|
||
display: flex;
|
||
flex: 1;
|
||
margin-left: 4px;
|
||
}
|
||
.quick-input-title {
|
||
overflow: hidden;
|
||
padding: 3px 0;
|
||
text-align: center;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.quick-input-right-action-bar {
|
||
display: flex;
|
||
flex: 1;
|
||
margin-right: 4px;
|
||
}
|
||
.quick-input-right-action-bar > .actions-container {
|
||
justify-content: flex-end;
|
||
}
|
||
.quick-input-titlebar .monaco-action-bar .action-label.codicon {
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
padding: 2px;
|
||
}
|
||
.quick-input-description {
|
||
margin: 6px;
|
||
}
|
||
.quick-input-header .quick-input-description {
|
||
margin: 4px 2px;
|
||
}
|
||
.quick-input-header {
|
||
display: flex;
|
||
margin-bottom: -2px;
|
||
padding: 6px 6px 0;
|
||
}
|
||
.quick-input-widget.hidden-input .quick-input-header {
|
||
margin-bottom: 0;
|
||
padding: 0;
|
||
}
|
||
.quick-input-and-message {
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-grow: 1;
|
||
min-width: 0;
|
||
position: relative;
|
||
}
|
||
.quick-input-check-all {
|
||
align-self: center;
|
||
margin: 0;
|
||
}
|
||
.quick-input-filter {
|
||
display: flex;
|
||
flex-grow: 1;
|
||
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 {
|
||
left: -10000px;
|
||
position: absolute;
|
||
}
|
||
.quick-input-count {
|
||
align-items: center;
|
||
align-self: center;
|
||
display: flex;
|
||
position: absolute;
|
||
right: 4px;
|
||
}
|
||
.quick-input-count .monaco-count-badge {
|
||
border-radius: 2px;
|
||
line-height: normal;
|
||
min-height: auto;
|
||
padding: 2px 4px;
|
||
vertical-align: middle;
|
||
}
|
||
.quick-input-action {
|
||
margin-left: 6px;
|
||
}
|
||
.quick-input-action .monaco-text-button {
|
||
align-items: center;
|
||
display: flex;
|
||
font-size: 11px;
|
||
height: 27.5px;
|
||
padding: 0 6px;
|
||
}
|
||
.quick-input-message {
|
||
margin-top: -1px;
|
||
overflow-wrap: break-word;
|
||
padding: 5px;
|
||
}
|
||
.quick-input-message > .codicon {
|
||
margin: 0 0.2em;
|
||
vertical-align: text-bottom;
|
||
}
|
||
.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;
|
||
}
|
||
.quick-input-list .monaco-list {
|
||
max-height: 440px;
|
||
overflow: hidden;
|
||
}
|
||
.quick-input-list .quick-input-list-entry {
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
padding: 0 6px;
|
||
}
|
||
.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
|
||
border-top-style: solid;
|
||
border-top-width: 1px;
|
||
}
|
||
.quick-input-list
|
||
.monaco-list-row[data-index="0"]
|
||
.quick-input-list-entry.quick-input-list-separator-border {
|
||
border-top-style: none;
|
||
}
|
||
.quick-input-list .quick-input-list-label {
|
||
display: flex;
|
||
flex: 1;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
}
|
||
.quick-input-list .quick-input-list-checkbox {
|
||
align-self: center;
|
||
margin: 0;
|
||
}
|
||
.quick-input-list .quick-input-list-rows {
|
||
display: flex;
|
||
flex: 1;
|
||
flex-direction: column;
|
||
height: 100%;
|
||
margin-left: 5px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.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 {
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
.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;
|
||
}
|
||
.quick-input-list
|
||
.quick-input-list-rows
|
||
> .quick-input-list-row
|
||
.codicon[class*="codicon-"] {
|
||
vertical-align: text-bottom;
|
||
}
|
||
.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;
|
||
}
|
||
.quick-input-list .quick-input-list-label-meta {
|
||
line-height: normal;
|
||
opacity: 0.7;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.quick-input-list .monaco-highlighted-label .highlight {
|
||
font-weight: 700;
|
||
}
|
||
.quick-input-list .quick-input-list-entry .quick-input-list-separator {
|
||
margin-right: 8px;
|
||
}
|
||
.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 {
|
||
display: none;
|
||
}
|
||
.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
|
||
margin-right: 4px;
|
||
padding: 0 2px 2px;
|
||
}
|
||
.quick-input-list .quick-input-list-entry-action-bar {
|
||
margin-right: 4px;
|
||
margin-top: 1px;
|
||
}
|
||
.quick-input-list
|
||
.monaco-list-row.focused
|
||
.quick-input-list-entry-action-bar
|
||
.action-label,
|
||
.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 {
|
||
display: flex;
|
||
}
|
||
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
|
||
.quick-input-list
|
||
.monaco-list-row.focused
|
||
.quick-input-list-entry
|
||
.quick-input-list-separator {
|
||
color: inherit;
|
||
}
|
||
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
|
||
background: none;
|
||
}
|
||
.monaco-inputbox {
|
||
box-sizing: border-box;
|
||
display: block;
|
||
font-size: inherit;
|
||
padding: 0;
|
||
position: relative;
|
||
}
|
||
.monaco-inputbox.idle {
|
||
border: 1px solid transparent;
|
||
}
|
||
.monaco-inputbox > .ibwrapper > .input,
|
||
.monaco-inputbox > .ibwrapper > .mirror {
|
||
padding: 4px;
|
||
}
|
||
.monaco-inputbox > .ibwrapper {
|
||
height: 100%;
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
.monaco-inputbox > .ibwrapper > .input {
|
||
border: none;
|
||
box-sizing: border-box;
|
||
color: inherit;
|
||
display: inline-block;
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
height: 100%;
|
||
line-height: inherit;
|
||
resize: none;
|
||
width: 100%;
|
||
}
|
||
.monaco-inputbox > .ibwrapper > input {
|
||
text-overflow: ellipsis;
|
||
}
|
||
.monaco-inputbox > .ibwrapper > textarea.input {
|
||
-ms-overflow-style: none;
|
||
display: block;
|
||
outline: none;
|
||
scrollbar-width: none;
|
||
}
|
||
.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
.monaco-inputbox > .ibwrapper > textarea.input.empty {
|
||
white-space: nowrap;
|
||
}
|
||
.monaco-inputbox > .ibwrapper > .mirror {
|
||
word-wrap: break-word;
|
||
box-sizing: border-box;
|
||
display: inline-block;
|
||
left: 0;
|
||
position: absolute;
|
||
top: 0;
|
||
visibility: hidden;
|
||
white-space: pre-wrap;
|
||
width: 100%;
|
||
}
|
||
.monaco-inputbox-container {
|
||
text-align: right;
|
||
}
|
||
.monaco-inputbox-container .monaco-inputbox-message {
|
||
word-wrap: break-word;
|
||
box-sizing: border-box;
|
||
display: inline-block;
|
||
font-size: 12px;
|
||
line-height: 17px;
|
||
margin-top: -1px;
|
||
overflow: hidden;
|
||
padding: 0.4em;
|
||
text-align: left;
|
||
width: 100%;
|
||
}
|
||
.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;
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.monaco-icon-label {
|
||
display: flex;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.monaco-icon-label:before {
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
background-position: 0;
|
||
background-repeat: no-repeat;
|
||
background-size: 16px;
|
||
display: inline-block;
|
||
flex-shrink: 0;
|
||
height: 22px;
|
||
line-height: inherit !important;
|
||
padding-right: 6px;
|
||
vertical-align: top;
|
||
width: 16px;
|
||
}
|
||
.monaco-icon-label > .monaco-icon-label-container {
|
||
flex: 1;
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.monaco-icon-label
|
||
> .monaco-icon-label-container
|
||
> .monaco-icon-name-container
|
||
> .label-name {
|
||
color: inherit;
|
||
white-space: pre;
|
||
}
|
||
.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 {
|
||
font-size: 0.9em;
|
||
margin-left: 0.5em;
|
||
opacity: 0.7;
|
||
white-space: pre;
|
||
}
|
||
.monaco-icon-label.nowrap
|
||
> .monaco-icon-label-container
|
||
> .monaco-icon-description-container
|
||
> .label-description {
|
||
white-space: nowrap;
|
||
}
|
||
.vs
|
||
.monaco-icon-label
|
||
> .monaco-icon-label-container
|
||
> .monaco-icon-description-container
|
||
> .label-description {
|
||
opacity: 0.95;
|
||
}
|
||
.monaco-icon-label.italic
|
||
> .monaco-icon-label-container
|
||
> .monaco-icon-description-container
|
||
> .label-description,
|
||
.monaco-icon-label.italic
|
||
> .monaco-icon-label-container
|
||
> .monaco-icon-name-container
|
||
> .label-name {
|
||
font-style: italic;
|
||
}
|
||
.monaco-icon-label.deprecated {
|
||
opacity: 0.66;
|
||
text-decoration: line-through;
|
||
}
|
||
.monaco-icon-label.italic:after {
|
||
font-style: italic;
|
||
}
|
||
.monaco-icon-label.strikethrough
|
||
> .monaco-icon-label-container
|
||
> .monaco-icon-description-container
|
||
> .label-description,
|
||
.monaco-icon-label.strikethrough
|
||
> .monaco-icon-label-container
|
||
> .monaco-icon-name-container
|
||
> .label-name {
|
||
text-decoration: line-through;
|
||
}
|
||
.monaco-icon-label:after {
|
||
font-size: 90%;
|
||
font-weight: 600;
|
||
margin: auto 16px 0 5px;
|
||
opacity: 0.75;
|
||
text-align: center;
|
||
}
|
||
.monaco-list:focus .selected .monaco-icon-label,
|
||
.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: 0.8;
|
||
}
|
||
.monaco-keybinding {
|
||
align-items: center;
|
||
display: flex;
|
||
line-height: 10px;
|
||
}
|
||
.monaco-keybinding > .monaco-keybinding-key {
|
||
border-radius: 3px;
|
||
border-style: solid;
|
||
border-width: 1px;
|
||
display: inline-block;
|
||
font-size: 11px;
|
||
margin: 0 2px;
|
||
padding: 3px 5px;
|
||
vertical-align: middle;
|
||
}
|
||
.monaco-keybinding > .monaco-keybinding-key:first-child {
|
||
margin-left: 0;
|
||
}
|
||
.monaco-keybinding > .monaco-keybinding-key:last-child {
|
||
margin-right: 0;
|
||
}
|
||
.monaco-keybinding > .monaco-keybinding-key-separator {
|
||
display: inline-block;
|
||
}
|
||
.monaco-keybinding > .monaco-keybinding-key-chord-separator {
|
||
width: 6px;
|
||
}
|
||
.monaco-list {
|
||
height: 100%;
|
||
position: relative;
|
||
white-space: nowrap;
|
||
width: 100%;
|
||
}
|
||
.monaco-list.mouse-support {
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
-webkit-user-select: none;
|
||
-ms-user-select: none;
|
||
}
|
||
.monaco-list > .monaco-scrollable-element {
|
||
height: 100%;
|
||
}
|
||
.monaco-list-rows {
|
||
height: 100%;
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
.monaco-list.horizontal-scrolling .monaco-list-rows {
|
||
min-width: 100%;
|
||
width: auto;
|
||
}
|
||
.monaco-list-row {
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
position: absolute;
|
||
width: 100%;
|
||
}
|
||
.monaco-list.mouse-support .monaco-list-row {
|
||
cursor: pointer;
|
||
touch-action: none;
|
||
}
|
||
.monaco-list-row.scrolling {
|
||
display: none !important;
|
||
}
|
||
.monaco-list.element-focused,
|
||
.monaco-list.selection-multiple,
|
||
.monaco-list.selection-single {
|
||
outline: 0 !important;
|
||
}
|
||
.monaco-drag-image {
|
||
border-radius: 10px;
|
||
display: inline-block;
|
||
font-size: 12px;
|
||
padding: 1px 7px;
|
||
position: absolute;
|
||
z-index: 1000;
|
||
}
|
||
.monaco-list-type-filter {
|
||
align-items: center;
|
||
border-radius: 2px;
|
||
box-sizing: border-box;
|
||
cursor: all-scroll;
|
||
display: flex;
|
||
font-size: 13px;
|
||
height: 20px;
|
||
line-height: 18px;
|
||
max-width: calc(100% - 10px);
|
||
overflow: hidden;
|
||
padding: 0 3px;
|
||
position: absolute;
|
||
text-align: right;
|
||
text-overflow: ellipsis;
|
||
top: 4px;
|
||
z-index: 1;
|
||
}
|
||
.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 {
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
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 > * {
|
||
align-items: center;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
background: none;
|
||
border: none;
|
||
box-sizing: border-box;
|
||
cursor: pointer;
|
||
display: flex;
|
||
flex-shrink: 0;
|
||
height: 16px;
|
||
justify-content: center;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 16px;
|
||
}
|
||
.monaco-list-type-filter > .controls > .filter {
|
||
margin-left: 4px;
|
||
}
|
||
.monaco-list-type-filter-message {
|
||
box-sizing: border-box;
|
||
height: 100%;
|
||
left: 0;
|
||
opacity: 0.7;
|
||
padding: 40px 1em 1em;
|
||
pointer-events: none;
|
||
position: absolute;
|
||
text-align: center;
|
||
top: 0;
|
||
white-space: normal;
|
||
width: 100%;
|
||
}
|
||
.monaco-list-type-filter-message:empty {
|
||
display: none;
|
||
}
|
||
.monaco-list-type-filter {
|
||
cursor: -webkit-grab;
|
||
cursor: grab;
|
||
}
|
||
.monaco-list-type-filter.dragging {
|
||
cursor: -webkit-grabbing;
|
||
cursor: grabbing;
|
||
}
|
||
.monaco-split-view2 {
|
||
height: 100%;
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
.monaco-split-view2 > .sash-container {
|
||
height: 100%;
|
||
pointer-events: none;
|
||
position: absolute;
|
||
width: 100%;
|
||
}
|
||
.monaco-split-view2 > .sash-container > .monaco-sash {
|
||
pointer-events: auto;
|
||
}
|
||
.monaco-split-view2 > .monaco-scrollable-element {
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
|
||
height: 100%;
|
||
position: relative;
|
||
white-space: nowrap;
|
||
width: 100%;
|
||
}
|
||
.monaco-split-view2
|
||
> .monaco-scrollable-element
|
||
> .split-view-container
|
||
> .split-view-view {
|
||
position: absolute;
|
||
white-space: normal;
|
||
}
|
||
.monaco-split-view2
|
||
> .monaco-scrollable-element
|
||
> .split-view-container
|
||
> .split-view-view:not(.visible) {
|
||
display: none;
|
||
}
|
||
.monaco-split-view2.vertical
|
||
> .monaco-scrollable-element
|
||
> .split-view-container
|
||
> .split-view-view {
|
||
width: 100%;
|
||
}
|
||
.monaco-split-view2.horizontal
|
||
> .monaco-scrollable-element
|
||
> .split-view-container
|
||
> .split-view-view {
|
||
height: 100%;
|
||
}
|
||
.monaco-split-view2.separator-border
|
||
> .monaco-scrollable-element
|
||
> .split-view-container
|
||
> .split-view-view:not(:first-child):before {
|
||
background-color: var(--separator-border);
|
||
content: " ";
|
||
left: 0;
|
||
pointer-events: none;
|
||
position: absolute;
|
||
top: 0;
|
||
z-index: 5;
|
||
}
|
||
.monaco-split-view2.separator-border.horizontal
|
||
> .monaco-scrollable-element
|
||
> .split-view-container
|
||
> .split-view-view:not(:first-child):before {
|
||
height: 100%;
|
||
width: 1px;
|
||
}
|
||
.monaco-split-view2.separator-border.vertical
|
||
> .monaco-scrollable-element
|
||
> .split-view-container
|
||
> .split-view-view:not(:first-child):before {
|
||
height: 1px;
|
||
width: 100%;
|
||
}
|
||
.monaco-table {
|
||
display: flex;
|
||
flex-direction: column;
|
||
height: 100%;
|
||
position: relative;
|
||
white-space: nowrap;
|
||
width: 100%;
|
||
}
|
||
.monaco-table > .monaco-split-view2 {
|
||
border-bottom: 1px solid transparent;
|
||
}
|
||
.monaco-table > .monaco-list {
|
||
flex: 1;
|
||
}
|
||
.monaco-table-tr {
|
||
display: flex;
|
||
height: 100%;
|
||
}
|
||
.monaco-table-th {
|
||
font-weight: 700;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
width: 100%;
|
||
}
|
||
.monaco-table-td,
|
||
.monaco-table-th {
|
||
box-sizing: border-box;
|
||
flex-shrink: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.monaco-table > .monaco-split-view2 .monaco-sash.vertical:before {
|
||
border-left: 1px solid transparent;
|
||
content: "";
|
||
left: calc(var(--sash-size) / 2);
|
||
position: absolute;
|
||
width: 0;
|
||
}
|
||
.monaco-table > .monaco-split-view2,
|
||
.monaco-table > .monaco-split-view2 .monaco-sash.vertical:before {
|
||
transition: border-color 0.2s ease-out;
|
||
}
|
||
.monaco-tl-row {
|
||
align-items: center;
|
||
display: flex;
|
||
height: 100%;
|
||
position: relative;
|
||
}
|
||
.monaco-tl-indent {
|
||
height: 100%;
|
||
left: 16px;
|
||
pointer-events: none;
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.hide-arrows .monaco-tl-indent {
|
||
left: 12px;
|
||
}
|
||
.monaco-tl-indent > .indent-guide {
|
||
border-left: 1px solid transparent;
|
||
box-sizing: border-box;
|
||
display: inline-block;
|
||
height: 100%;
|
||
transition: border-color 0.1s linear;
|
||
}
|
||
.monaco-tl-contents,
|
||
.monaco-tl-twistie {
|
||
height: 100%;
|
||
}
|
||
.monaco-tl-twistie {
|
||
align-items: center;
|
||
display: flex !important;
|
||
flex-shrink: 0;
|
||
font-size: 10px;
|
||
justify-content: center;
|
||
padding-right: 6px;
|
||
text-align: right;
|
||
transform: translateX(3px);
|
||
width: 16px;
|
||
}
|
||
.monaco-tl-contents {
|
||
flex: 1;
|
||
overflow: hidden;
|
||
}
|
||
.monaco-tl-twistie:before {
|
||
border-radius: 20px;
|
||
}
|
||
.monaco-tl-twistie.collapsed:before {
|
||
transform: rotate(-90deg);
|
||
}
|
||
.monaco-tl-twistie.codicon-tree-item-loading:before {
|
||
-webkit-animation: codicon-spin 1.25s steps(30) infinite;
|
||
animation: codicon-spin 1.25s steps(30) infinite;
|
||
}
|
||
.monaco-editor .selection-anchor {
|
||
background-color: #007acc;
|
||
width: 2px !important;
|
||
}
|
||
.monaco-editor .bracket-match {
|
||
box-sizing: border-box;
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage {
|
||
padding-bottom: 8px;
|
||
z-index: 10000;
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage.below {
|
||
padding-bottom: 0;
|
||
padding-top: 8px;
|
||
z-index: 10000;
|
||
}
|
||
@-webkit-keyframes fadeIn {
|
||
0% {
|
||
opacity: 0;
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
@keyframes fadeIn {
|
||
0% {
|
||
opacity: 0;
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
|
||
-webkit-animation: fadeIn 0.15s ease-out;
|
||
animation: fadeIn 0.15s ease-out;
|
||
}
|
||
@-webkit-keyframes fadeOut {
|
||
0% {
|
||
opacity: 1;
|
||
}
|
||
to {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
@keyframes fadeOut {
|
||
0% {
|
||
opacity: 1;
|
||
}
|
||
to {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
|
||
-webkit-animation: fadeOut 0.1s ease-out;
|
||
animation: fadeOut 0.1s ease-out;
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage .message {
|
||
background-color: var(--vscode-inputValidation-infoBackground);
|
||
border: 1px solid var(--vscode-inputValidation-infoBorder);
|
||
color: var(--vscode-inputValidation-infoForeground);
|
||
padding: 1px 4px;
|
||
}
|
||
.monaco-editor.hc-black .monaco-editor-overlaymessage .message {
|
||
border-width: 2px;
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage .anchor {
|
||
border: 8px solid transparent;
|
||
height: 0 !important;
|
||
position: absolute;
|
||
width: 0 !important;
|
||
z-index: 1000;
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage .anchor.top {
|
||
border-bottom-color: var(--vscode-inputValidation-infoBorder);
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage .anchor.below {
|
||
border-top-color: var(--vscode-inputValidation-infoBorder);
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below,
|
||
.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top {
|
||
display: none;
|
||
}
|
||
.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
|
||
display: inherit;
|
||
top: -8px;
|
||
}
|
||
.monaco-editor .contentWidgets .codicon-light-bulb,
|
||
.monaco-editor .contentWidgets .codicon-lightbulb-autofix {
|
||
align-items: center;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.monaco-editor .contentWidgets .codicon-light-bulb:hover,
|
||
.monaco-editor .contentWidgets .codicon-lightbulb-autofix:hover {
|
||
cursor: pointer;
|
||
}
|
||
.monaco-editor .codelens-decoration {
|
||
color: var(--vscode-editorCodeLens-foreground);
|
||
display: inline-block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.monaco-editor .codelens-decoration > a,
|
||
.monaco-editor .codelens-decoration > span {
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
-webkit-user-select: none;
|
||
-ms-user-select: none;
|
||
vertical-align: sub;
|
||
white-space: nowrap;
|
||
}
|
||
.monaco-editor .codelens-decoration > a {
|
||
text-decoration: none;
|
||
}
|
||
.monaco-editor .codelens-decoration > a:hover {
|
||
cursor: pointer;
|
||
}
|
||
.monaco-editor .codelens-decoration > a:hover,
|
||
.monaco-editor .codelens-decoration > a:hover .codicon {
|
||
color: var(--vscode-editorLink-activeForeground) !important;
|
||
}
|
||
.monaco-editor .codelens-decoration .codicon {
|
||
color: currentColor !important;
|
||
color: var(--vscode-editorCodeLens-foreground);
|
||
vertical-align: middle;
|
||
}
|
||
.monaco-editor .codelens-decoration > a:hover .codicon:before {
|
||
cursor: pointer;
|
||
}
|
||
@-webkit-keyframes fadein {
|
||
0% {
|
||
opacity: 0;
|
||
visibility: visible;
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
@keyframes fadein {
|
||
0% {
|
||
opacity: 0;
|
||
visibility: visible;
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
.monaco-editor .codelens-decoration.fadein {
|
||
-webkit-animation: fadein 0.1s linear;
|
||
animation: fadein 0.1s linear;
|
||
}
|
||
.colorpicker-widget {
|
||
height: 190px;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
-webkit-user-select: none;
|
||
-ms-user-select: none;
|
||
}
|
||
.colorpicker-color-decoration {
|
||
border: 0.1em solid #000;
|
||
box-sizing: border-box;
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
height: 0.8em;
|
||
line-height: 0.8em;
|
||
margin: 0.1em 0.2em 0;
|
||
width: 0.8em;
|
||
}
|
||
.hc-black .colorpicker-color-decoration,
|
||
.vs-dark .colorpicker-color-decoration {
|
||
border: 0.1em solid #eee;
|
||
}
|
||
.colorpicker-header {
|
||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);
|
||
background-size: 9px 9px;
|
||
display: flex;
|
||
height: 24px;
|
||
image-rendering: pixelated;
|
||
position: relative;
|
||
}
|
||
.colorpicker-header .picked-color {
|
||
align-items: center;
|
||
color: #fff;
|
||
cursor: pointer;
|
||
display: flex;
|
||
flex: 1;
|
||
justify-content: center;
|
||
line-height: 24px;
|
||
width: 216px;
|
||
}
|
||
.colorpicker-header .picked-color .codicon {
|
||
color: inherit;
|
||
font-size: 14px;
|
||
left: 8px;
|
||
position: absolute;
|
||
}
|
||
.colorpicker-header .picked-color.light {
|
||
color: #000;
|
||
}
|
||
.colorpicker-header .original-color {
|
||
cursor: pointer;
|
||
width: 74px;
|
||
z-index: inherit;
|
||
}
|
||
.colorpicker-body {
|
||
display: flex;
|
||
padding: 8px;
|
||
position: relative;
|
||
}
|
||
.colorpicker-body .saturation-wrap {
|
||
flex: 1;
|
||
height: 150px;
|
||
min-width: 220px;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
.colorpicker-body .saturation-box {
|
||
height: 150px;
|
||
position: absolute;
|
||
}
|
||
.colorpicker-body .saturation-selection {
|
||
border: 1px solid #fff;
|
||
border-radius: 100%;
|
||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
|
||
height: 9px;
|
||
margin: -5px 0 0 -5px;
|
||
position: absolute;
|
||
width: 9px;
|
||
}
|
||
.colorpicker-body .strip {
|
||
height: 150px;
|
||
width: 25px;
|
||
}
|
||
.colorpicker-body .hue-strip {
|
||
background: linear-gradient(
|
||
180deg,
|
||
red 0,
|
||
#ff0 17%,
|
||
#0f0 33%,
|
||
#0ff 50%,
|
||
#00f 67%,
|
||
#f0f 83%,
|
||
red
|
||
);
|
||
}
|
||
.colorpicker-body .hue-strip,
|
||
.colorpicker-body .opacity-strip {
|
||
cursor: -webkit-grab;
|
||
cursor: grab;
|
||
margin-left: 8px;
|
||
position: relative;
|
||
}
|
||
.colorpicker-body .opacity-strip {
|
||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);
|
||
background-size: 9px 9px;
|
||
image-rendering: pixelated;
|
||
}
|
||
.colorpicker-body .strip.grabbing {
|
||
cursor: -webkit-grabbing;
|
||
cursor: grabbing;
|
||
}
|
||
.colorpicker-body .slider {
|
||
border: 1px solid hsla(0, 0%, 100%, 0.71);
|
||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
|
||
box-sizing: border-box;
|
||
height: 4px;
|
||
left: -2px;
|
||
position: absolute;
|
||
top: 0;
|
||
width: calc(100% + 4px);
|
||
}
|
||
.colorpicker-body .strip .overlay {
|
||
height: 150px;
|
||
pointer-events: none;
|
||
}
|
||
.monaco-editor .goto-definition-link {
|
||
cursor: pointer;
|
||
text-decoration: underline;
|
||
}
|
||
.monaco-editor .peekview-widget .head {
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
flex-wrap: nowrap;
|
||
justify-content: space-between;
|
||
}
|
||
.monaco-editor .peekview-widget .head .peekview-title {
|
||
align-items: center;
|
||
display: flex;
|
||
font-size: 13px;
|
||
margin-left: 20px;
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.monaco-editor .peekview-widget .head .peekview-title.clickable {
|
||
cursor: pointer;
|
||
}
|
||
.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
|
||
font-size: 0.9em;
|
||
margin-left: 0.5em;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.monaco-editor .peekview-widget .head .peekview-title .meta {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
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;
|
||
white-space: nowrap;
|
||
}
|
||
.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;
|
||
padding-right: 2px;
|
||
text-align: right;
|
||
}
|
||
.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 > .body {
|
||
border-top: 1px solid;
|
||
position: relative;
|
||
}
|
||
.monaco-editor .peekview-widget .head .peekview-title .codicon {
|
||
margin-right: 4px;
|
||
}
|
||
.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
|
||
color: inherit !important;
|
||
}
|
||
.monaco-editor .zone-widget {
|
||
position: absolute;
|
||
z-index: 10;
|
||
}
|
||
.monaco-editor .zone-widget .zone-widget-container {
|
||
border-bottom-style: solid;
|
||
border-bottom-width: 0;
|
||
border-top-style: solid;
|
||
border-top-width: 0;
|
||
position: relative;
|
||
}
|
||
.monaco-dropdown {
|
||
height: 100%;
|
||
padding: 0;
|
||
}
|
||
.monaco-dropdown > .dropdown-label {
|
||
align-items: center;
|
||
cursor: pointer;
|
||
display: flex;
|
||
height: 100%;
|
||
justify-content: center;
|
||
}
|
||
.monaco-dropdown > .dropdown-label > .action-label.disabled {
|
||
cursor: default;
|
||
}
|
||
.monaco-dropdown-with-primary {
|
||
border-radius: 5px;
|
||
display: flex !important;
|
||
flex-direction: row;
|
||
}
|
||
.monaco-dropdown-with-primary > .action-container > .action-label {
|
||
margin-right: 0;
|
||
}
|
||
.monaco-dropdown-with-primary
|
||
> .dropdown-action-container
|
||
> .monaco-dropdown
|
||
> .dropdown-label
|
||
.codicon[class*="codicon-"] {
|
||
font-size: 12px;
|
||
line-height: 16px;
|
||
margin-left: -3px;
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
.monaco-dropdown-with-primary
|
||
> .dropdown-action-container
|
||
> .monaco-dropdown
|
||
> .dropdown-label
|
||
> .action-label {
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
background-size: 16px;
|
||
display: block;
|
||
}
|
||
.monaco-action-bar .action-item.menu-entry .action-label.icon {
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
background-size: 16px;
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.monaco-action-bar .action-item.menu-entry .action-label {
|
||
background-image: var(--menu-entry-icon-light);
|
||
}
|
||
.hc-black .monaco-action-bar .action-item.menu-entry .action-label,
|
||
.vs-dark .monaco-action-bar .action-item.menu-entry .action-label {
|
||
background-image: var(--menu-entry-icon-dark);
|
||
}
|
||
.monaco-dropdown-with-default {
|
||
border-radius: 5px;
|
||
display: flex !important;
|
||
flex-direction: row;
|
||
}
|
||
.monaco-dropdown-with-default > .action-container > .action-label {
|
||
margin-right: 0;
|
||
}
|
||
.monaco-dropdown-with-default
|
||
> .action-container.menu-entry
|
||
> .action-label.icon {
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
background-size: 16px;
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.monaco-dropdown-with-default > .action-container.menu-entry > .action-label {
|
||
background-image: var(--menu-entry-icon-light);
|
||
}
|
||
.hc-black
|
||
.monaco-dropdown-with-default
|
||
> .action-container.menu-entry
|
||
> .action-label,
|
||
.vs-dark
|
||
.monaco-dropdown-with-default
|
||
> .action-container.menu-entry
|
||
> .action-label {
|
||
background-image: var(--menu-entry-icon-dark);
|
||
}
|
||
.monaco-dropdown-with-default
|
||
> .dropdown-action-container
|
||
> .monaco-dropdown
|
||
> .dropdown-label
|
||
.codicon[class*="codicon-"] {
|
||
font-size: 12px;
|
||
line-height: 16px;
|
||
margin-left: -3px;
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
.monaco-dropdown-with-default
|
||
> .dropdown-action-container
|
||
> .monaco-dropdown
|
||
> .dropdown-label
|
||
> .action-label {
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
background-size: 16px;
|
||
display: block;
|
||
}
|
||
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
|
||
border-bottom-width: 1px;
|
||
border-top-width: 1px;
|
||
}
|
||
.monaco-editor .reference-zone-widget .inline {
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
}
|
||
.monaco-editor .reference-zone-widget .messages {
|
||
height: 100%;
|
||
padding: 3em 0;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
.monaco-editor .reference-zone-widget .ref-tree {
|
||
background-color: var(--vscode-peekViewResult-background);
|
||
color: var(--vscode-peekViewResult-lineForeground);
|
||
line-height: 23px;
|
||
}
|
||
.monaco-editor .reference-zone-widget .ref-tree .reference {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.monaco-editor .reference-zone-widget .ref-tree .reference-file {
|
||
color: var(--vscode-peekViewResult-fileForeground);
|
||
display: inline-flex;
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
.monaco-editor
|
||
.reference-zone-widget
|
||
.ref-tree
|
||
.monaco-list:focus
|
||
.selected
|
||
.reference-file {
|
||
color: inherit !important;
|
||
}
|
||
.monaco-editor
|
||
.reference-zone-widget
|
||
.ref-tree
|
||
.monaco-list:focus
|
||
.monaco-list-rows
|
||
> .monaco-list-row.selected:not(.highlighted) {
|
||
background-color: var(--vscode-peekViewResult-selectionBackground);
|
||
color: var(--vscode-peekViewResult-selectionForeground) !important;
|
||
}
|
||
.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
|
||
margin-left: auto;
|
||
margin-right: 12px;
|
||
}
|
||
.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
|
||
background-color: var(--vscode-peekViewResult-matchHighlightBackground);
|
||
}
|
||
.monaco-editor .reference-zone-widget .preview .reference-decoration {
|
||
background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
|
||
border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
|
||
box-sizing: border-box;
|
||
}
|
||
.monaco-editor
|
||
.reference-zone-widget
|
||
.preview
|
||
.monaco-editor
|
||
.inputarea.ime-input,
|
||
.monaco-editor
|
||
.reference-zone-widget
|
||
.preview
|
||
.monaco-editor
|
||
.monaco-editor-background {
|
||
background-color: var(--vscode-peekViewEditor-background);
|
||
}
|
||
.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
|
||
background-color: var(--vscode-peekViewEditorGutter-background);
|
||
}
|
||
.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file {
|
||
font-weight: 700;
|
||
}
|
||
.monaco-editor.hc-black
|
||
.reference-zone-widget
|
||
.ref-tree
|
||
.referenceMatch
|
||
.highlight {
|
||
border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
|
||
box-sizing: border-box;
|
||
}
|
||
.monaco-hover {
|
||
-webkit-animation: fadein 0.1s linear;
|
||
animation: fadein 0.1s linear;
|
||
box-sizing: initial;
|
||
cursor: default;
|
||
line-height: 1.5em;
|
||
overflow: hidden;
|
||
position: absolute;
|
||
-moz-user-select: text;
|
||
user-select: text;
|
||
-webkit-user-select: text;
|
||
-ms-user-select: text;
|
||
z-index: 50;
|
||
}
|
||
.monaco-hover.hidden {
|
||
display: none;
|
||
}
|
||
.monaco-hover a:hover {
|
||
cursor: pointer;
|
||
}
|
||
.monaco-hover .hover-contents:not(.html-hover-contents) {
|
||
padding: 4px 8px;
|
||
}
|
||
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
|
||
word-wrap: break-word;
|
||
max-width: 500px;
|
||
}
|
||
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
|
||
min-width: 100%;
|
||
}
|
||
.monaco-hover .code,
|
||
.monaco-hover p,
|
||
.monaco-hover ul {
|
||
margin: 8px 0;
|
||
}
|
||
.monaco-hover code {
|
||
font-family: var(--monaco-monospace-font);
|
||
}
|
||
.monaco-hover hr {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
box-sizing: border-box;
|
||
height: 1px;
|
||
margin: 4px -8px -4px;
|
||
}
|
||
.monaco-hover .code:first-child,
|
||
.monaco-hover p:first-child,
|
||
.monaco-hover ul:first-child {
|
||
margin-top: 0;
|
||
}
|
||
.monaco-hover .code:last-child,
|
||
.monaco-hover p:last-child,
|
||
.monaco-hover ul:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
.monaco-hover ol,
|
||
.monaco-hover ul {
|
||
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;
|
||
}
|
||
.monaco-hover .hover-row.status-bar {
|
||
font-size: 12px;
|
||
line-height: 22px;
|
||
}
|
||
.monaco-hover .hover-row.status-bar .actions {
|
||
display: flex;
|
||
padding: 0 8px;
|
||
}
|
||
.monaco-hover .hover-row.status-bar .actions .action-container {
|
||
cursor: pointer;
|
||
margin-right: 16px;
|
||
}
|
||
.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,
|
||
.monaco-hover .hover-contents a.code-link:hover {
|
||
color: inherit;
|
||
}
|
||
.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 > span {
|
||
border-bottom: 1px solid transparent;
|
||
text-decoration: underline;
|
||
text-underline-position: under;
|
||
}
|
||
.monaco-hover
|
||
.markdown-hover
|
||
.hover-contents:not(.code-hover-contents):not(.html-hover-contents)
|
||
span {
|
||
display: inline-block;
|
||
margin-bottom: 4px;
|
||
}
|
||
.monaco-hover-content .action-container a {
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
}
|
||
.monaco-hover-content .action-container.disabled {
|
||
cursor: default;
|
||
opacity: 0.4;
|
||
pointer-events: none;
|
||
}
|
||
.monaco-custom-checkbox {
|
||
border: 1px solid transparent;
|
||
border-radius: 3px;
|
||
box-sizing: border-box;
|
||
cursor: pointer;
|
||
float: left;
|
||
height: 20px;
|
||
margin-left: 2px;
|
||
overflow: hidden;
|
||
padding: 1px;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
-webkit-user-select: none;
|
||
-ms-user-select: none;
|
||
width: 20px;
|
||
}
|
||
.monaco-custom-checkbox:hover {
|
||
background-color: var(--vscode-inputOption-hoverBackground);
|
||
}
|
||
.hc-black .monaco-custom-checkbox:hover {
|
||
border: 1px dashed var(--vscode-focusBorder);
|
||
}
|
||
.hc-black .monaco-custom-checkbox,
|
||
.hc-black .monaco-custom-checkbox:hover {
|
||
background: none;
|
||
}
|
||
.monaco-custom-checkbox.monaco-simple-checkbox {
|
||
background-size: 16px !important;
|
||
border: 1px solid transparent;
|
||
border-radius: 3px;
|
||
height: 18px;
|
||
margin-left: 0;
|
||
margin-right: 9px;
|
||
opacity: 1;
|
||
padding: 0;
|
||
width: 18px;
|
||
}
|
||
.monaco-custom-checkbox.monaco-simple-checkbox:not(.checked):before {
|
||
visibility: hidden;
|
||
}
|
||
.monaco-findInput {
|
||
position: relative;
|
||
}
|
||
.monaco-findInput .monaco-inputbox {
|
||
font-size: 13px;
|
||
width: 100%;
|
||
}
|
||
.monaco-findInput > .controls {
|
||
position: absolute;
|
||
right: 2px;
|
||
top: 3px;
|
||
}
|
||
.vs .monaco-findInput.disabled {
|
||
background-color: #e1e1e1;
|
||
}
|
||
.vs-dark .monaco-findInput.disabled {
|
||
background-color: #333;
|
||
}
|
||
.monaco-findInput.highlight-0 .controls {
|
||
-webkit-animation: monaco-findInput-highlight-0 0.1s linear 0s;
|
||
animation: monaco-findInput-highlight-0 0.1s linear 0s;
|
||
}
|
||
.monaco-findInput.highlight-1 .controls {
|
||
-webkit-animation: monaco-findInput-highlight-1 0.1s linear 0s;
|
||
animation: monaco-findInput-highlight-1 0.1s linear 0s;
|
||
}
|
||
.hc-black .monaco-findInput.highlight-0 .controls,
|
||
.vs-dark .monaco-findInput.highlight-0 .controls {
|
||
-webkit-animation: monaco-findInput-highlight-dark-0 0.1s linear 0s;
|
||
animation: monaco-findInput-highlight-dark-0 0.1s linear 0s;
|
||
}
|
||
.hc-black .monaco-findInput.highlight-1 .controls,
|
||
.vs-dark .monaco-findInput.highlight-1 .controls {
|
||
-webkit-animation: monaco-findInput-highlight-dark-1 0.1s linear 0s;
|
||
animation: monaco-findInput-highlight-dark-1 0.1s linear 0s;
|
||
}
|
||
@-webkit-keyframes monaco-findInput-highlight-0 {
|
||
0% {
|
||
background: rgba(253, 255, 0, 0.8);
|
||
}
|
||
to {
|
||
background: transparent;
|
||
}
|
||
}
|
||
@keyframes monaco-findInput-highlight-0 {
|
||
0% {
|
||
background: rgba(253, 255, 0, 0.8);
|
||
}
|
||
to {
|
||
background: transparent;
|
||
}
|
||
}
|
||
@-webkit-keyframes monaco-findInput-highlight-1 {
|
||
0% {
|
||
background: rgba(253, 255, 0, 0.8);
|
||
}
|
||
99% {
|
||
background: transparent;
|
||
}
|
||
}
|
||
@keyframes monaco-findInput-highlight-1 {
|
||
0% {
|
||
background: rgba(253, 255, 0, 0.8);
|
||
}
|
||
99% {
|
||
background: transparent;
|
||
}
|
||
}
|
||
@-webkit-keyframes monaco-findInput-highlight-dark-0 {
|
||
0% {
|
||
background: hsla(0, 0%, 100%, 0.44);
|
||
}
|
||
to {
|
||
background: transparent;
|
||
}
|
||
}
|
||
@keyframes monaco-findInput-highlight-dark-0 {
|
||
0% {
|
||
background: hsla(0, 0%, 100%, 0.44);
|
||
}
|
||
to {
|
||
background: transparent;
|
||
}
|
||
}
|
||
@-webkit-keyframes monaco-findInput-highlight-dark-1 {
|
||
0% {
|
||
background: hsla(0, 0%, 100%, 0.44);
|
||
}
|
||
99% {
|
||
background: transparent;
|
||
}
|
||
}
|
||
@keyframes monaco-findInput-highlight-dark-1 {
|
||
0% {
|
||
background: hsla(0, 0%, 100%, 0.44);
|
||
}
|
||
99% {
|
||
background: transparent;
|
||
}
|
||
}
|
||
.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
|
||
display: inline-block;
|
||
margin-right: 4px;
|
||
vertical-align: text-top;
|
||
}
|
||
.monaco-editor .marker-widget {
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.monaco-editor .marker-widget > .stale {
|
||
font-style: italic;
|
||
opacity: 0.6;
|
||
}
|
||
.monaco-editor .marker-widget .title {
|
||
display: inline-block;
|
||
padding-right: 5px;
|
||
}
|
||
.monaco-editor .marker-widget .descriptioncontainer {
|
||
padding: 8px 12px 0 20px;
|
||
position: absolute;
|
||
-moz-user-select: text;
|
||
user-select: text;
|
||
-webkit-user-select: text;
|
||
-ms-user-select: text;
|
||
white-space: pre;
|
||
}
|
||
.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 {
|
||
color: inherit;
|
||
opacity: 0.6;
|
||
}
|
||
.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 {
|
||
border-bottom: 1px solid transparent;
|
||
color: var(--vscode-textLink-foreground);
|
||
color: var(--vscode-textLink-activeForeground);
|
||
text-decoration: underline;
|
||
text-underline-position: under;
|
||
}
|
||
.monaco-editor .marker-widget .descriptioncontainer .filename {
|
||
cursor: pointer;
|
||
}
|
||
.monaco-editor.vs .dnd-target {
|
||
border-right: 2px dotted #000;
|
||
color: #fff;
|
||
}
|
||
.monaco-editor.vs-dark .dnd-target {
|
||
border-right: 2px dotted #aeafad;
|
||
color: #51504f;
|
||
}
|
||
.monaco-editor.hc-black .dnd-target {
|
||
border-right: 2px dotted #fff;
|
||
color: #000;
|
||
}
|
||
.monaco-editor.hc-black.mac.mouse-default .view-lines,
|
||
.monaco-editor.mouse-default .view-lines,
|
||
.monaco-editor.vs-dark.mac.mouse-default .view-lines {
|
||
cursor: default;
|
||
}
|
||
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
|
||
.monaco-editor.mouse-copy .view-lines,
|
||
.monaco-editor.vs-dark.mac.mouse-copy .view-lines {
|
||
cursor: copy;
|
||
}
|
||
.monaco-editor .find-widget {
|
||
box-sizing: border-box;
|
||
height: 33px;
|
||
line-height: 19px;
|
||
overflow: hidden;
|
||
padding: 0 4px;
|
||
position: absolute;
|
||
transform: translateY(calc(-100% - 10px));
|
||
transition: transform 0.2s linear;
|
||
z-index: 35;
|
||
}
|
||
.monaco-editor .find-widget textarea {
|
||
margin: 0;
|
||
}
|
||
.monaco-editor .find-widget.hiddenEditor {
|
||
display: none;
|
||
}
|
||
.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 {
|
||
display: flex;
|
||
font-size: 12px;
|
||
margin: 4px 0 0 17px;
|
||
}
|
||
.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
|
||
> .ibwrapper
|
||
> .mirror {
|
||
padding-right: 22px;
|
||
}
|
||
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
|
||
.monaco-editor
|
||
.find-widget
|
||
> .find-part
|
||
.monaco-inputbox
|
||
> .ibwrapper
|
||
> .mirror,
|
||
.monaco-editor
|
||
.find-widget
|
||
> .replace-part
|
||
.monaco-inputbox
|
||
> .ibwrapper
|
||
> .input,
|
||
.monaco-editor
|
||
.find-widget
|
||
> .replace-part
|
||
.monaco-inputbox
|
||
> .ibwrapper
|
||
> .mirror {
|
||
padding-bottom: 2px;
|
||
padding-top: 2px;
|
||
}
|
||
.monaco-editor .find-widget > .find-part .find-actions,
|
||
.monaco-editor .find-widget > .replace-part .replace-actions {
|
||
align-items: center;
|
||
display: flex;
|
||
height: 25px;
|
||
}
|
||
.monaco-editor .find-widget .monaco-findInput {
|
||
display: flex;
|
||
flex: 1;
|
||
vertical-align: middle;
|
||
}
|
||
.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
|
||
width: 100%;
|
||
}
|
||
.monaco-editor
|
||
.find-widget
|
||
.monaco-findInput
|
||
.monaco-scrollable-element
|
||
.scrollbar.vertical {
|
||
opacity: 0;
|
||
}
|
||
.monaco-editor .find-widget .matchesCount {
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
flex: initial;
|
||
height: 25px;
|
||
line-height: 23px;
|
||
margin: 0 0 0 3px;
|
||
padding: 2px 0 0 2px;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
}
|
||
.monaco-editor .find-widget .button {
|
||
align-items: center;
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
border-radius: 5px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
flex: initial;
|
||
height: 16px;
|
||
justify-content: center;
|
||
margin-left: 3px;
|
||
padding: 3px;
|
||
width: 16px;
|
||
}
|
||
.monaco-editor .find-widget .codicon-find-selection {
|
||
border-radius: 5px;
|
||
height: 22px;
|
||
padding: 3px;
|
||
width: 22px;
|
||
}
|
||
.monaco-editor .find-widget .button.left {
|
||
margin-left: 0;
|
||
margin-right: 3px;
|
||
}
|
||
.monaco-editor .find-widget .button.wide {
|
||
padding: 1px 6px;
|
||
top: -1px;
|
||
width: auto;
|
||
}
|
||
.monaco-editor .find-widget .button.toggle {
|
||
border-radius: 0;
|
||
box-sizing: border-box;
|
||
height: 100%;
|
||
left: 3px;
|
||
position: absolute;
|
||
top: 0;
|
||
width: 18px;
|
||
}
|
||
.monaco-editor .find-widget .button.toggle.disabled {
|
||
display: none;
|
||
}
|
||
.monaco-editor .find-widget .disabled {
|
||
cursor: default;
|
||
opacity: 0.3;
|
||
}
|
||
.monaco-editor .find-widget > .replace-part {
|
||
display: none;
|
||
}
|
||
.monaco-editor .find-widget > .replace-part > .monaco-findInput {
|
||
display: flex;
|
||
flex: auto;
|
||
flex-grow: 0;
|
||
flex-shrink: 0;
|
||
position: relative;
|
||
vertical-align: middle;
|
||
}
|
||
.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
|
||
position: absolute;
|
||
right: 2px;
|
||
top: 3px;
|
||
}
|
||
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
|
||
display: none;
|
||
}
|
||
.monaco-editor .find-widget.narrow-find-widget {
|
||
max-width: 257px !important;
|
||
}
|
||
.monaco-editor .find-widget.collapsed-find-widget {
|
||
max-width: 170px !important;
|
||
}
|
||
.monaco-editor .find-widget.collapsed-find-widget .button.next,
|
||
.monaco-editor .find-widget.collapsed-find-widget .button.previous,
|
||
.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 {
|
||
-webkit-animation-duration: 0;
|
||
animation-duration: 0;
|
||
-webkit-animation-name: inherit !important;
|
||
animation-name: inherit !important;
|
||
}
|
||
.monaco-editor .find-widget .monaco-sash {
|
||
left: 0 !important;
|
||
}
|
||
.monaco-editor.hc-black .find-widget .button:before {
|
||
left: 2px;
|
||
position: relative;
|
||
top: 1px;
|
||
}
|
||
.monaco-editor .margin-view-overlays .codicon-folding-collapsed,
|
||
.monaco-editor .margin-view-overlays .codicon-folding-expanded {
|
||
align-items: center;
|
||
cursor: pointer;
|
||
display: flex;
|
||
font-size: 140%;
|
||
justify-content: center;
|
||
margin-left: 2px;
|
||
opacity: 0;
|
||
transition: opacity 0.5s;
|
||
}
|
||
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons,
|
||
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
|
||
.monaco-editor .margin-view-overlays:hover .codicon {
|
||
opacity: 1;
|
||
}
|
||
.monaco-editor .inline-folded:after {
|
||
color: grey;
|
||
content: "鈰<>";
|
||
cursor: pointer;
|
||
display: inline;
|
||
line-height: 1em;
|
||
margin: 0.1em 0.2em 0;
|
||
}
|
||
.monaco-editor .snippet-placeholder {
|
||
background-color: var(
|
||
--vscode-editor-snippetTabstopHighlightBackground,
|
||
transparent
|
||
);
|
||
min-width: 2px;
|
||
outline-color: var(
|
||
--vscode-editor-snippetTabstopHighlightBorder,
|
||
transparent
|
||
);
|
||
outline-style: solid;
|
||
outline-width: 1px;
|
||
}
|
||
.monaco-editor .finish-snippet-placeholder {
|
||
background-color: var(
|
||
--vscode-editor-snippetFinalTabstopHighlightBackground,
|
||
transparent
|
||
);
|
||
outline-color: var(
|
||
--vscode-editor-snippetFinalTabstopHighlightBorder,
|
||
transparent
|
||
);
|
||
outline-style: solid;
|
||
outline-width: 1px;
|
||
}
|
||
.monaco-editor .suggest-widget {
|
||
display: flex;
|
||
flex-direction: column;
|
||
width: 430px;
|
||
z-index: 40;
|
||
}
|
||
.monaco-editor .suggest-widget.message {
|
||
align-items: center;
|
||
flex-direction: row;
|
||
}
|
||
.monaco-editor .suggest-details,
|
||
.monaco-editor .suggest-widget {
|
||
background-color: var(--vscode-editorSuggestWidget-background);
|
||
border-color: var(--vscode-editorSuggestWidget-border);
|
||
border-style: solid;
|
||
border-width: 1px;
|
||
flex: 0 1 auto;
|
||
width: 100%;
|
||
}
|
||
.monaco-editor.hc-black .suggest-details,
|
||
.monaco-editor.hc-black .suggest-widget {
|
||
border-width: 2px;
|
||
}
|
||
.monaco-editor .suggest-widget .suggest-status-bar {
|
||
border-top: 1px solid var(--vscode-editorSuggestWidget-border);
|
||
box-sizing: border-box;
|
||
display: none;
|
||
flex-flow: row nowrap;
|
||
font-size: 80%;
|
||
justify-content: space-between;
|
||
overflow: hidden;
|
||
padding: 0 4px;
|
||
width: 100%;
|
||
}
|
||
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
|
||
display: flex;
|
||
}
|
||
.monaco-editor .suggest-widget .suggest-status-bar .left {
|
||
padding-right: 8px;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget.with-status-bar
|
||
.suggest-status-bar
|
||
.action-label {
|
||
color: var(--vscode-editorSuggestWidgetStatus-foreground);
|
||
}
|
||
.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.focused.string-label
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .readMore,
|
||
.monaco-editor
|
||
.suggest-widget.with-status-bar
|
||
.monaco-list
|
||
.monaco-list-row
|
||
> .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%;
|
||
}
|
||
.monaco-editor .suggest-widget > .message {
|
||
padding-left: 22px;
|
||
}
|
||
.monaco-editor .suggest-widget > .tree {
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
.monaco-editor .suggest-widget .monaco-list {
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
-webkit-user-select: none;
|
||
-ms-user-select: none;
|
||
}
|
||
.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
|
||
background-position: 2px 2px;
|
||
background-repeat: no-repeat;
|
||
-mox-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
cursor: pointer;
|
||
display: flex;
|
||
padding-right: 10px;
|
||
touch-action: none;
|
||
white-space: nowrap;
|
||
}
|
||
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
|
||
color: var(--vscode-editorSuggestWidget-selectedForeground);
|
||
}
|
||
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
|
||
color: var(--vscode-editorSuggestWidget-selectedIconForeground);
|
||
}
|
||
.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;
|
||
justify-content: space-between;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: pre;
|
||
}
|
||
.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
|
||
.monaco-list
|
||
.monaco-list-row:not(.focused)
|
||
> .contents
|
||
> .main
|
||
.monaco-icon-label {
|
||
color: var(--vscode-editorSuggestWidget-foreground);
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget:not(.frozen)
|
||
.monaco-highlighted-label
|
||
.highlight {
|
||
font-weight: 700;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row
|
||
> .contents
|
||
> .main
|
||
.monaco-highlighted-label
|
||
.highlight {
|
||
color: var(--vscode-editorSuggestWidget-highlightForeground);
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row.focused
|
||
> .contents
|
||
> .main
|
||
.monaco-highlighted-label
|
||
.highlight {
|
||
color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .header
|
||
> .codicon-close,
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .readMore:before {
|
||
color: inherit;
|
||
cursor: pointer;
|
||
font-size: 14px;
|
||
opacity: 1;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .header
|
||
> .codicon-close {
|
||
position: absolute;
|
||
right: 2px;
|
||
top: 6px;
|
||
}
|
||
.monaco-editor
|
||
.suggest-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;
|
||
}
|
||
.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 {
|
||
opacity: 0.6;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row
|
||
> .contents
|
||
> .main
|
||
> .left
|
||
> .qualifier-label {
|
||
align-self: center;
|
||
font-size: 85%;
|
||
line-height: normal;
|
||
margin-left: 12px;
|
||
opacity: 0.4;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .details-label {
|
||
font-size: 85%;
|
||
margin-left: 1.1em;
|
||
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;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .details-label {
|
||
display: none;
|
||
}
|
||
.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,
|
||
.monaco-editor
|
||
.suggest-widget:not(.shows-details)
|
||
.monaco-list
|
||
.monaco-list-row.focused
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .details-label {
|
||
display: inline;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget:not(.docs-side)
|
||
.monaco-list
|
||
.monaco-list-row.focused: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-grow: 1;
|
||
flex-shrink: 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 {
|
||
flex-shrink: 4;
|
||
max-width: 70%;
|
||
overflow: hidden;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .readMore {
|
||
display: inline-block;
|
||
height: 18px;
|
||
position: absolute;
|
||
right: 10px;
|
||
visibility: hidden;
|
||
width: 18px;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget.docs-side
|
||
.monaco-list
|
||
.monaco-list-row
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .readMore {
|
||
display: none !important;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row.string-label
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .readMore {
|
||
display: none;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row.focused.string-label
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .readMore {
|
||
display: inline-block;
|
||
}
|
||
.monaco-editor
|
||
.suggest-widget
|
||
.monaco-list
|
||
.monaco-list-row.focused:hover
|
||
> .contents
|
||
> .main
|
||
> .right
|
||
> .readMore {
|
||
visibility: visible;
|
||
}
|
||
.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 {
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
background-size: 80%;
|
||
display: block;
|
||
height: 16px;
|
||
margin-left: 2px;
|
||
width: 16px;
|
||
}
|
||
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
|
||
display: none;
|
||
}
|
||
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
|
||
align-items: center;
|
||
display: flex;
|
||
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 {
|
||
border: 0.1em solid #000;
|
||
display: inline-block;
|
||
height: 0.7em;
|
||
margin: 0 0 0 0.3em;
|
||
width: 0.7em;
|
||
}
|
||
.monaco-editor .suggest-details-container {
|
||
z-index: 41;
|
||
}
|
||
.monaco-editor .suggest-details {
|
||
color: var(--vscode-editorSuggestWidget-foreground);
|
||
cursor: default;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.monaco-editor .suggest-details.focused {
|
||
border-color: var(--vscode-focusBorder);
|
||
}
|
||
.monaco-editor .suggest-details a {
|
||
color: var(--vscode-textLink-foreground);
|
||
}
|
||
.monaco-editor .suggest-details a:hover {
|
||
color: var(--vscode-textLink-activeForeground);
|
||
}
|
||
.monaco-editor .suggest-details code {
|
||
background-color: var(--vscode-textCodeBlock-background);
|
||
}
|
||
.monaco-editor .suggest-details.no-docs {
|
||
display: none;
|
||
}
|
||
.monaco-editor .suggest-details > .monaco-scrollable-element {
|
||
flex: 1;
|
||
}
|
||
.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
|
||
box-sizing: border-box;
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .header
|
||
> .type {
|
||
flex: 2;
|
||
margin: 0 24px 0 0;
|
||
opacity: 0.7;
|
||
overflow: hidden;
|
||
padding: 4px 0 12px 5px;
|
||
text-overflow: ellipsis;
|
||
white-space: pre;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .header
|
||
> .type.auto-wrap {
|
||
white-space: normal;
|
||
word-break: break-all;
|
||
}
|
||
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
|
||
margin: 0;
|
||
padding: 4px 5px;
|
||
white-space: pre-wrap;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details.no-type
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .docs {
|
||
margin-right: 24px;
|
||
overflow: hidden;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .docs.markdown-docs {
|
||
min-height: calc(1rem + 8px);
|
||
padding: 0;
|
||
white-space: normal;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .docs.markdown-docs
|
||
> div,
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .docs.markdown-docs
|
||
> span:not(:empty) {
|
||
padding: 4px 5px;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .docs.markdown-docs
|
||
> div
|
||
> p:first-child {
|
||
margin-top: 0;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .docs.markdown-docs
|
||
> div
|
||
> p:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .docs.markdown-docs
|
||
.monaco-tokenized-source {
|
||
white-space: pre;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .docs
|
||
.code {
|
||
word-wrap: break-word;
|
||
white-space: pre-wrap;
|
||
}
|
||
.monaco-editor
|
||
.suggest-details
|
||
> .monaco-scrollable-element
|
||
> .body
|
||
> .docs.markdown-docs
|
||
.codicon {
|
||
vertical-align: sub;
|
||
}
|
||
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
|
||
display: none;
|
||
}
|
||
.monaco-editor .suggest-details code {
|
||
border-radius: 3px;
|
||
padding: 0 0.4em;
|
||
}
|
||
.monaco-editor .suggest-details ol,
|
||
.monaco-editor .suggest-details ul {
|
||
padding-left: 20px;
|
||
}
|
||
.monaco-editor .suggest-details p code {
|
||
font-family: var(--monaco-monospace-font);
|
||
}
|
||
.monaco-editor .suggest-preview-additional-widget {
|
||
white-space: nowrap;
|
||
}
|
||
.monaco-editor .suggest-preview-additional-widget .content-spacer {
|
||
color: transparent;
|
||
white-space: pre;
|
||
}
|
||
.monaco-editor .suggest-preview-additional-widget .button {
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
text-decoration: underline;
|
||
text-underline-position: under;
|
||
}
|
||
.monaco-editor .ghost-text-hidden {
|
||
font-size: 0;
|
||
opacity: 0;
|
||
}
|
||
.monaco-editor .ghost-text-decoration,
|
||
.monaco-editor .suggest-preview-text {
|
||
font-style: italic;
|
||
}
|
||
.monaco-editor .detected-link,
|
||
.monaco-editor .detected-link-active {
|
||
text-decoration: underline;
|
||
text-underline-position: under;
|
||
}
|
||
.monaco-editor .detected-link-active {
|
||
cursor: pointer;
|
||
}
|
||
.monaco-editor .parameter-hints-widget {
|
||
display: flex;
|
||
flex-direction: column;
|
||
line-height: 1.5em;
|
||
z-index: 39;
|
||
}
|
||
.monaco-editor .parameter-hints-widget > .phwrapper {
|
||
display: flex;
|
||
flex-direction: row;
|
||
max-width: 440px;
|
||
}
|
||
.monaco-editor .parameter-hints-widget.multiple {
|
||
min-height: 3.3em;
|
||
padding: 0;
|
||
}
|
||
.monaco-editor .parameter-hints-widget.visible {
|
||
transition: left 0.05s ease-in-out;
|
||
}
|
||
.monaco-editor .parameter-hints-widget p,
|
||
.monaco-editor .parameter-hints-widget ul {
|
||
margin: 8px 0;
|
||
}
|
||
.monaco-editor .parameter-hints-widget .body,
|
||
.monaco-editor .parameter-hints-widget .monaco-scrollable-element {
|
||
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: normal;
|
||
}
|
||
.monaco-editor .parameter-hints-widget .docs .markdown-docs code {
|
||
font-family: var(--monaco-monospace-font);
|
||
}
|
||
.monaco-editor .parameter-hints-widget .docs .code,
|
||
.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source {
|
||
white-space: pre-wrap;
|
||
}
|
||
.monaco-editor .parameter-hints-widget .docs code {
|
||
border-radius: 3px;
|
||
padding: 0 0.4em;
|
||
}
|
||
.monaco-editor .parameter-hints-widget .controls {
|
||
align-items: center;
|
||
display: none;
|
||
flex-direction: column;
|
||
justify-content: flex-end;
|
||
min-width: 22px;
|
||
}
|
||
.monaco-editor .parameter-hints-widget.multiple .controls {
|
||
display: flex;
|
||
padding: 0 2px;
|
||
}
|
||
.monaco-editor .parameter-hints-widget.multiple .button {
|
||
background-repeat: no-repeat;
|
||
cursor: pointer;
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.monaco-editor .parameter-hints-widget .button.previous {
|
||
bottom: 24px;
|
||
}
|
||
.monaco-editor .parameter-hints-widget .overloads {
|
||
font-family: var(--monaco-monospace-font);
|
||
height: 12px;
|
||
line-height: 12px;
|
||
text-align: center;
|
||
}
|
||
.monaco-editor .parameter-hints-widget .signature .parameter.active {
|
||
font-weight: 700;
|
||
}
|
||
.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
|
||
font-weight: 700;
|
||
margin-right: 0.5em;
|
||
}
|
||
.monaco-editor .rename-box {
|
||
color: inherit;
|
||
z-index: 100;
|
||
}
|
||
.monaco-editor .rename-box.preview {
|
||
padding: 3px 3px 0;
|
||
}
|
||
.monaco-editor .rename-box .rename-input {
|
||
padding: 3px;
|
||
width: calc(100% - 6px);
|
||
}
|
||
.monaco-editor .rename-box .rename-label {
|
||
display: none;
|
||
opacity: 0.8;
|
||
}
|
||
.monaco-editor .rename-box.preview .rename-label {
|
||
display: inherit;
|
||
}
|
||
.monaco-editor .unicode-highlight {
|
||
border: 1px solid var(--vscode-editorUnicodeHighlight-border);
|
||
box-sizing: border-box;
|
||
}
|
||
.editor-banner {
|
||
background: var(--vscode-banner-background);
|
||
box-sizing: border-box;
|
||
cursor: default;
|
||
display: flex;
|
||
font-size: 12px;
|
||
height: 26px;
|
||
overflow: visible;
|
||
width: 100%;
|
||
}
|
||
.editor-banner .icon-container {
|
||
align-items: center;
|
||
display: flex;
|
||
flex-shrink: 0;
|
||
padding: 0 6px 0 10px;
|
||
}
|
||
.editor-banner .icon-container.custom-icon {
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
background-size: 16px;
|
||
margin: 0 6px 0 10px;
|
||
padding: 0;
|
||
width: 16px;
|
||
}
|
||
.editor-banner .message-container {
|
||
align-items: center;
|
||
display: flex;
|
||
line-height: 26px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.editor-banner .message-container p {
|
||
-webkit-margin-before: 0;
|
||
-webkit-margin-after: 0;
|
||
margin-block-end: 0;
|
||
margin-block-start: 0;
|
||
}
|
||
.editor-banner .message-actions-container {
|
||
flex-grow: 1;
|
||
flex-shrink: 0;
|
||
line-height: 26px;
|
||
margin: 0 4px;
|
||
}
|
||
.editor-banner .message-actions-container a.monaco-button {
|
||
margin: 2px 8px;
|
||
padding: 0 12px;
|
||
width: inherit;
|
||
}
|
||
.editor-banner .message-actions-container a {
|
||
margin-left: 12px;
|
||
padding: 3px;
|
||
text-decoration: underline;
|
||
}
|
||
.editor-banner .action-container {
|
||
padding: 0 10px 0 6px;
|
||
}
|
||
.editor-banner {
|
||
background-color: var(--vscode-banner-background);
|
||
}
|
||
.editor-banner,
|
||
.editor-banner .action-container .codicon,
|
||
.editor-banner .message-actions-container .monaco-link {
|
||
color: var(--vscode-banner-foreground);
|
||
}
|
||
.editor-banner .icon-container .codicon {
|
||
color: var(--vscode-banner-iconForeground);
|
||
}
|
||
.monaco-editor .accessibilityHelpWidget {
|
||
overflow: scroll;
|
||
padding: 10px;
|
||
vertical-align: middle;
|
||
}
|
||
.monaco-editor .iPadShowKeyboard {
|
||
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQ4LjAzNiA0LjAxSDQuMDA4VjMyLjAzaDQ0LjAyOFY0LjAxWk00LjAwOC4wMDhBNC4wMDMgNC4wMDMgMCAwIDAgLjAwNSA0LjAxVjMyLjAzYTQuMDAzIDQuMDAzIDAgMCAwIDQuMDAzIDQuMDAyaDQ0LjAyOGE0LjAwMyA0LjAwMyAwIDAgMCA0LjAwMy00LjAwMlY0LjAxQTQuMDAzIDQuMDAzIDAgMCAwIDQ4LjAzNi4wMDhINC4wMDhaTTguMDEgOC4wMTNoNC4wMDN2NC4wMDNIOC4wMVY4LjAxM1ptMTIuMDA4IDBoLTQuMDAydjQuMDAzaDQuMDAyVjguMDEzWm00LjAwMyAwaDQuMDAydjQuMDAzaC00LjAwMlY4LjAxM1ptMTIuMDA4IDBoLTQuMDAzdjQuMDAzaDQuMDAzVjguMDEzWm00LjAwMiAwaDQuMDAzdjQuMDAzSDQwLjAzVjguMDEzWm0tMjQuMDE1IDguMDA1SDguMDF2NC4wMDNoOC4wMDZ2LTQuMDAzWm00LjAwMiAwaDQuMDAzdjQuMDAzaC00LjAwM3YtNC4wMDNabTEyLjAwOCAwaC00LjAwM3Y0LjAwM2g0LjAwM3YtNC4wMDNabTEyLjAwOCAwdjQuMDAzaC04LjAwNXYtNC4wMDNoOC4wMDVabS0zMi4wMjEgOC4wMDVIOC4wMXY0LjAwM2g0LjAwM3YtNC4wMDNabTQuMDAzIDBoMjAuMDEzdjQuMDAzSDE2LjAxNnYtNC4wMDNabTI4LjAxOCAwSDQwLjAzdjQuMDAzaDQuMDAzdi00LjAwM1oiIGZpbGw9IiM0MjQyNDIiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUzdjM2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)
|
||
50% no-repeat;
|
||
border: 4px solid #f6f6f6;
|
||
border-radius: 4px;
|
||
height: 36px;
|
||
margin: 0;
|
||
min-height: 0;
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
resize: none;
|
||
width: 58px;
|
||
}
|
||
.monaco-editor.vs-dark .iPadShowKeyboard {
|
||
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQ4LjAzNiA0LjAxSDQuMDA4VjMyLjAzaDQ0LjAyOFY0LjAxWk00LjAwOC4wMDhBNC4wMDMgNC4wMDMgMCAwIDAgLjAwNSA0LjAxVjMyLjAzYTQuMDAzIDQuMDAzIDAgMCAwIDQuMDAzIDQuMDAyaDQ0LjAyOGE0LjAwMyA0LjAwMyAwIDAgMCA0LjAwMy00LjAwMlY0LjAxQTQuMDAzIDQuMDAzIDAgMCAwIDQ4LjAzNi4wMDhINC4wMDhaTTguMDEgOC4wMTNoNC4wMDN2NC4wMDNIOC4wMVY4LjAxM1ptMTIuMDA4IDBoLTQuMDAydjQuMDAzaDQuMDAyVjguMDEzWm00LjAwMyAwaDQuMDAydjQuMDAzaC00LjAwMlY4LjAxM1ptMTIuMDA4IDBoLTQuMDAzdjQuMDAzaDQuMDAzVjguMDEzWm00LjAwMiAwaDQuMDAzdjQuMDAzSDQwLjAzVjguMDEzWm0tMjQuMDE1IDguMDA1SDguMDF2NC4wMDNoOC4wMDZ2LTQuMDAzWm00LjAwMiAwaDQuMDAzdjQuMDAzaC00LjAwM3YtNC4wMDNabTEyLjAwOCAwaC00LjAwM3Y0LjAwM2g0LjAwM3YtNC4wMDNabTEyLjAwOCAwdjQuMDAzaC04LjAwNXYtNC4wMDNoOC4wMDVabS0zMi4wMjEgOC4wMDVIOC4wMXY0LjAwM2g0LjAwM3YtNC4wMDNabTQuMDAzIDBoMjAuMDEzdjQuMDAzSDE2LjAxNnYtNC4wMDNabTI4LjAxOCAwSDQwLjAzdjQuMDAzaDQuMDAzdi00LjAwM1oiIGZpbGw9IiNDNUM1QzUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUzdjM2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)
|
||
50% no-repeat;
|
||
border: 4px solid #252526;
|
||
}
|
||
.monaco-editor .tokens-inspect-widget {
|
||
padding: 10px;
|
||
-moz-user-select: text;
|
||
user-select: text;
|
||
-webkit-user-select: text;
|
||
-ms-user-select: text;
|
||
z-index: 50;
|
||
}
|
||
.tokens-inspect-separator {
|
||
border: 0;
|
||
height: 1px;
|
||
}
|
||
.monaco-editor .tokens-inspect-widget .tm-token {
|
||
font-family: var(--monaco-monospace-font);
|
||
}
|
||
.monaco-editor .tokens-inspect-widget .tm-token-length {
|
||
float: right;
|
||
font-size: 60%;
|
||
font-weight: 400;
|
||
}
|
||
.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);
|
||
}
|
||
.editor {
|
||
height: calc(100vh - 80px);
|
||
}
|
||
.Tabs-nav {
|
||
--brand-1: #006cff;
|
||
--brand-2: #006cff;
|
||
--gray-dark: #333;
|
||
background: #fff;
|
||
border-bottom: 1px solid #e8e8e8;
|
||
display: flex;
|
||
margin-bottom: 16px;
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 10;
|
||
}
|
||
.Tabs-nav::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
.Tabs--scrollable .Tabs-nav {
|
||
-webkit-overflow-scrolling: touch;
|
||
overflow: hidden;
|
||
overflow-x: auto;
|
||
}
|
||
.Tabs--scrollable .Tabs-navItem {
|
||
flex: 0 0 100px;
|
||
}
|
||
.Tabs-navItem {
|
||
flex: 1;
|
||
text-align: center;
|
||
}
|
||
.Tabs-navLink {
|
||
background: transparent;
|
||
border: 0;
|
||
color: var(--gray-dark);
|
||
display: inline-block;
|
||
font-weight: 300;
|
||
line-height: 20px;
|
||
margin: 0;
|
||
padding: 8px 3px;
|
||
transition: 0.3s;
|
||
}
|
||
.Tabs-navLink:hover {
|
||
cursor: pointer;
|
||
}
|
||
.Tabs-navLink.active {
|
||
color: var(--brand-1);
|
||
font-weight: 400;
|
||
}
|
||
.Tabs-navPointer {
|
||
background: var(--brand-2);
|
||
border-radius: 1px;
|
||
bottom: 0;
|
||
height: 2px;
|
||
left: 0;
|
||
position: absolute;
|
||
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||
}
|
||
.Tabs-pane {
|
||
display: none;
|
||
}
|
||
.Tabs-pane.active {
|
||
display: block;
|
||
}
|
||
.edit-area {
|
||
margin-right: 24px;
|
||
width: 640px;
|
||
}
|
||
.form-item[data-type="image"] {
|
||
grid-column-start: span 2;
|
||
}
|
||
.form-item[data-type="bg-image"],
|
||
.form-item[data-type="shadow"] {
|
||
grid-column-start: span 3;
|
||
}
|
||
.iframe {
|
||
border: 0;
|
||
display: block;
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
.preview-area {
|
||
flex: 1;
|
||
}
|
||
.preview-inner {
|
||
align-items: center;
|
||
display: flex;
|
||
flex-direction: column;
|
||
position: sticky;
|
||
top: 16px;
|
||
}
|
||
.preview-actions {
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.mode-switcher {
|
||
background: transparent;
|
||
background: #fff;
|
||
border-radius: 2px;
|
||
box-shadow:
|
||
0 1px 5px 0 rgba(0, 0, 0, 0.2),
|
||
0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||
0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
||
margin: 8px;
|
||
overflow: hidden;
|
||
transition:
|
||
background,
|
||
box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||
}
|
||
.mode-btn {
|
||
align-items: center;
|
||
background-color: transparent;
|
||
border: 0;
|
||
color: rgba(0, 0, 0, 0.38);
|
||
display: inline-flex;
|
||
font-size: 24px;
|
||
height: 32px;
|
||
justify-content: center;
|
||
margin: 0;
|
||
min-width: 48px;
|
||
padding: 4px 12px;
|
||
position: relative;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
vertical-align: middle;
|
||
}
|
||
.mode-btn:first-child {
|
||
border-radius: 2px 0 0 2px;
|
||
}
|
||
.mode-btn:last-child {
|
||
border-radius: 0 2px 2px 0;
|
||
}
|
||
.mode-btn:hover {
|
||
background-color: rgba(0, 0, 0, 0.12);
|
||
cursor: pointer;
|
||
}
|
||
.mode-btn.active {
|
||
background: rgba(0, 0, 0, 0.2);
|
||
color: rgba(0, 0, 0, 0.54);
|
||
}
|
||
.chatui-container {
|
||
border: 1px solid #e6e6e6;
|
||
height: calc(100vh - 80px);
|
||
max-height: 820px;
|
||
}
|
||
.chatui-container.mode-mobile {
|
||
width: 400px;
|
||
}
|
||
.chatui-container.mode-pc {
|
||
width: 100%;
|
||
}
|
||
*,
|
||
:after,
|
||
:before {
|
||
box-sizing: border-box;
|
||
}
|
||
html {
|
||
-webkit-text-size-adjust: 100%;
|
||
-webkit-tap-highlight-color: transparent;
|
||
font-family: sans-serif;
|
||
line-height: 1.15;
|
||
}
|
||
body {
|
||
background-color: #fff;
|
||
color: #212529;
|
||
font-family:
|
||
-apple-system,
|
||
BlinkMacSystemFont,
|
||
Segoe UI,
|
||
Roboto,
|
||
Helvetica Neue,
|
||
Arial,
|
||
Noto Sans,
|
||
sans-serif,
|
||
Apple Color Emoji,
|
||
Segoe UI Emoji,
|
||
Segoe UI Symbol,
|
||
Noto Color Emoji;
|
||
font-size: 1rem;
|
||
font-weight: 400;
|
||
line-height: 1.5;
|
||
margin: 0;
|
||
text-align: left;
|
||
}
|
||
input {
|
||
caret-color: #006cff;
|
||
}
|
||
:focus {
|
||
outline: 0;
|
||
}
|
||
.tb-main,
|
||
.theme-builder {
|
||
display: flex;
|
||
}
|
||
.tb-main {
|
||
padding: 16px 32px;
|
||
}
|