VS Code Web: шире отступы в дереве файлов
Увеличивает отступы и добавляет направляющие в дереве проводника для более чёткой иерархии.
Код для копирования
/* 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;
}Как использовать этот пример
- Скопируй код кнопкой выше.
- Установи JustZix (2 минуты) и открой расширение на нужной странице.
- Добавь новое правило, совпадающее с этой страницей.
- Вставь код в панель CSS правила и сохрани — эффект появится сразу.
Оцени этот пример
Оценок пока нет — оцени первым.