← Tous les exemples

VS Code Web : icônes d'arborescence plus grandes

Agrandit les icônes de fichiers et dossiers dans l'arborescence pour identifier les types plus vite.

Code à copier

/* Larger file-tree icons in the Explorer (works on github.dev too) */
.monaco-workbench [id*="workbench.view.explorer"] .monaco-icon-label::before,
.monaco-workbench [id*="workbench.view.explorer"] .monaco-icon-label .file-icon::before {
  font-size: 18px !important;
  width: 22px !important;
  height: 22px !important;
}
.monaco-workbench [id*="workbench.view.explorer"] .monaco-list-row {
  line-height: 24px !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.