VS Code Web: sangrías más anchas en el árbol de archivos
Aumenta la sangría y añade guías en el árbol del Explorador para una jerarquía más clara.
Código para copiar
/* 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;
}Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.
Valora este ejemplo
Sin valoraciones — sé el primero.