code-server/packages/vscode/src/vscode.scss

44 lines
1.5 KiB
SCSS

// These use -webkit-margin-before/after which don't work.
.monaco-workbench > .part > .title > .title-label h2,
.monaco-panel-view .panel > .panel-header h3.title {
margin-top: 0;
margin-bottom: 0;
}
.monaco-icon-label > .monaco-icon-label-description-container {
margin-right: auto;
}
.monaco-icon-label > .decorations-wrapper {
display: flex;
flex-direction: row;
padding-right: 12px;
}
.monaco-icon-label::after {
margin-left: initial;
}
// Using @supports to keep the Firefox fixes completely separate from vscode's
// CSS that is tailored for Chrome.
@supports (-moz-appearance:none) {
// Fix buttons getting cut off on notifications.
.monaco-workbench .notifications-list-container .notification-list-item .notification-list-item-buttons-container .monaco-button.monaco-text-button {
max-width: 100%;
width: auto;
}
.monaco-shell .screen-reader-detected-explanation .buttons a,
.monaco-workbench > .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink,
.monaco-workbench .notifications-list-container .notification-list-item .notification-list-item-buttons-container .monaco-button {
max-width: -moz-fit-content;
}
.monaco-workbench > .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit,
.explorer-viewlet .panel-header .count,
.extensions-viewlet > .extensions .extension > .details > .header-container > .header > .version,
.debug-viewlet .debug-call-stack .stack-frame .label {
min-width: -moz-fit-content;
}
}