Frontmatter
| id | 9276 |
| title | Support infinite indentation levels in TreeList using CSS variables |
| state | Closed |
| labels | enhancementdesignai |
| assignees | tobiu |
| createdAt | Feb 23, 2026, 11:53 PM |
| updatedAt | Feb 23, 2026, 11:54 PM |
| githubUrl | https://github.com/neomjs/neo/issues/9276 |
| author | tobiu |
| commentsCount | 2 |
| parentIssue | null |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Feb 23, 2026, 11:54 PM |
Support infinite indentation levels in TreeList using CSS variables
tobiu assigned to @tobiu on Feb 23, 2026, 11:53 PM
tobiu
Feb 23, 2026, 11:54 PM
Input from Gemini 3.1 Pro:
✦ I have successfully implemented the CSS variables for infinite depth indentation in the tree list. The changes have been pushed in commit
2c311643f. I will now close this issue.
tobiu
Feb 23, 2026, 11:54 PM
Completed
tobiu closed this issue on Feb 23, 2026, 11:54 PM
The portal and DevIndex learning sections introduced a folder depth of 4 for the tree list navigation. Previously, indentation levels were hardcoded in SCSS with nested selectors (e.g.,
ul .neo-list-item) which only supported up to 3 levels, making deeper structures appear unindented and breaking the visual hierarchy.This ticket resolves the issue by replacing the brittle hardcoded SCSS with a dynamic CSS variable approach. The
TreeListJavaScript now passes--neo-tree-levelvia inline styles. The four main SCSS themes define--tree-list-indent-baseand--tree-list-indent-step, which are then used in a singlecalc()rule in the core SCSS to automatically calculate the correct indentation for any infinite depth level.