Two CSS fixes that together turn the rendered file tree from 'everything on one line' into an actual tree: - .file-tree-children: flex-basis: 100% so an expanded folder's children wrap to the next line of the parent <li> flex container instead of flowing inline next to the toggle button. - .file-tree-row-file: padding-left = chevron width, so file rows align visually with sibling folder names (folder names are offset by their chevron; files have no chevron, so without padding they'd start at the chevron column instead of the name column). Chevron itself pinned to width: 1ch so rotated/un-rotated states have identical layout. |
||
|---|---|---|
| .. | ||
| css | ||
| js | ||
| vendor | ||