← Alle Beispiele

VS Code Web: kompakte UI-Dichte

Verkleinert Leisten, Tabs und Listen, damit mehr in den sichtbaren Bereich passt.

Code zum Kopieren

/* Compact density across panels, tabs and status bar (works on github.dev too) */
.monaco-workbench .part.statusbar {
  height: 20px !important;
  font-size: 11px !important;
}
.monaco-workbench .tabs-container .tab {
  height: 28px !important;
  padding: 0 8px !important;
}
.monaco-workbench .part.panel .composite.title {
  height: 28px !important;
}
.monaco-workbench .monaco-list-row {
  height: 20px !important;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.