← Tutti gli esempi

VS Code Web: rientri più ampi nell'albero dei file

Aumenta l'indentazione e aggiunge guide nell'albero Explorer per una gerarchia più chiara.

Codice da copiare

/* Bigger indentation in the Explorer file tree for better hierarchy (works on github.dev too) */
.monaco-workbench [id*="workbench.view.explorer"] .monaco-tl-twistie {
  margin-left: 4px !important;
}
.monaco-workbench [id*="workbench.view.explorer"] .monaco-list-row {
  --vscode-tree-indent: 16px;
}
.monaco-workbench [id*="workbench.view.explorer"] .monaco-tl-indent {
  border-left: 1px dashed rgba(127,127,127,0.3) !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.