Skip to content

Instantly share code, notes, and snippets.

@Loskir
Last active July 24, 2022 14:26
Show Gist options
  • Save Loskir/724d6c3b189dfb0e9ee0038277d0d7ba to your computer and use it in GitHub Desktop.
Save Loskir/724d6c3b189dfb0e9ee0038277d0d7ba to your computer and use it in GitHub Desktop.
Custom styles for vscode: compact tabs, better wrapping
:root {
--tab-height: 28px;
}
.tabs-container {
height: auto;
}
.tabs-container .tab,
.tabs-container .monaco-icon-label,
.tabs-container .monaco-icon-label::before,
.tabs-and-actions-container .editor-actions {
height: var(--tab-height) !important;
}
.tabs-container .monaco-icon-label {
line-height: var(--tab-height) !important;
}
.tab {
padding-left: 5px !important;
width: 50px !important;
flex-grow: 1;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title>.tabs-and-actions-container.wrapping .tabs-container>.tab:last-child {
margin-right: 0;
}
.tabs-container:after {
content: '';
flex-grow: 9999;
margin-right: var(--last-tab-margin-right);
height: var(--tab-height);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment