← Tous les exemples

VS Code Web : éditeur plus large

Réduit la barre d'activité et la barre latérale pour laisser plus de place à l'éditeur de code.

Code à copier

/* Shrink activity bar and sidebar to give the editor more room (works on github.dev too) */
.monaco-workbench .part.activitybar {
  width: 36px !important;
  min-width: 36px !important;
}
.monaco-workbench .part.sidebar {
  max-width: 220px !important;
}
.monaco-workbench .part.editor {
  min-width: 0 !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.