Skip to content

fix(tree-view): align items with and without folder state toggle - #2618

Open
chintankavathia wants to merge 1 commit into
mainfrom
fix/tree/item/alignment
Open

fix(tree-view): align items with and without folder state toggle#2618
chintankavathia wants to merge 1 commit into
mainfrom
fix/tree/item/alignment

Conversation

@chintankavathia

@chintankavathia chintankavathia commented Aug 25, 2026

Copy link
Copy Markdown
Member

The start toggle slot was hardcoded to 24px while the toggle icon renders at --si-tree-view-icon-size (1.25rem). Leaf items were therefore indented 4px more than their foldable siblings on the same level. Reserve the actual icon size instead, so the slot also scales with the root font size and a custom icon size.

Closes #2550


Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

Code Coverage

The start toggle slot was hardcoded to 24px while the toggle icon renders at `--si-tree-view-icon-size` (1.25rem). Leaf items were therefore indented 4px more than their foldable siblings on the same level. Reserve the actual icon size instead, so the slot also scales with the root font size and a custom icon size.

Closes #2550
@chintankavathia
chintankavathia marked this pull request as ready for review August 25, 2026 12:39
@chintankavathia
chintankavathia requested review from a team as code owners August 25, 2026 12:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Tree View - Leaf nodes misalign with parent nodes when mixed in the same level

1 participant