feat: compact mode#536

Open

kkirik wants to merge 27 commits intov5from

feat/compact-mode-2

Commits on Jan 12, 2026

refactor: use global variable for items height

olaslo
authored and
Kirill Kharitonov
committed
feat(AsideHeader): add isCompactMode prop infrastructure

olaslo
authored and
Kirill Kharitonov
committed
feat(AsideHeader): add compact item height support

olaslo
authored and
Kirill Kharitonov
committed
feat(AsideHeader): add compact collapsed width (40px)

olaslo
authored and
Kirill Kharitonov
committed
feat(AsideHeader): add compact margin-inline (6px)

olaslo
authored and
Kirill Kharitonov
committed
feat(AsideHeader): add compact border-radius and header divider

olaslo
authored and
Kirill Kharitonov
committed
docs(AsideHeader): add isCompactMode documentation and story

olaslo
authored and
Kirill Kharitonov
committed
fix: items height

olaslo
authored and
Kirill Kharitonov
committed
refactor: extract getCollapsedWidth utility function

olaslo
authored and
Kirill Kharitonov
committed
feat: add compact divider icon for 40px navigation width

olaslo
authored and
Kirill Kharitonov
committed
refactor: move compact-mode CSS variables to aside container

olaslo
authored and
Kirill Kharitonov
committed
feat: add compact mode support for CollapseButton and update stories

olaslo
authored and
Kirill Kharitonov
committed
feat: use css variable to set --_--item-collapsed-radius

olaslo
authored and
Kirill Kharitonov
committed
feat: added new test case for navigation with compact mode
Kirill Kharitonov
committed
test: renamed test files with collapsed mode
Kirill Kharitonov
committed
fix: wrong margin between items
olaslo
committed
feat: updated font size and line height in navigation
olaslo
committed
feat: adjust logo size by compact mode
olaslo
committed
test: update screenshots
Kirill Kharitonov
committed
feat: remove unused code
olaslo
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: compact mode#536

feat: compact mode#536
kkirik wants to merge 27 commits intov5from
feat/compact-mode-2

Commits on Jan 12, 2026

refactor: use global variable for items height

feat(AsideHeader): add isCompactMode prop infrastructure

feat(AsideHeader): add compact item height support

feat(AsideHeader): add compact collapsed width (40px)

feat(AsideHeader): add compact margin-inline (6px)

feat(AsideHeader): add compact border-radius and header divider

docs(AsideHeader): add isCompactMode documentation and story

fix: items height

refactor: extract getCollapsedWidth utility function

feat: add compact divider icon for 40px navigation width

refactor: move compact-mode CSS variables to aside container

feat: add compact mode support for CollapseButton and update stories

feat: use css variable to set --_--item-collapsed-radius

feat: added new test case for navigation with compact mode

test: renamed test files with collapsed mode

fix: wrong margin between items

feat: updated font size and line height in navigation

feat: adjust logo size by compact mode

test: update screenshots

feat: remove unused code

Commits on Jan 13, 2026

fix: gaps calculation

fix: css issue with icon margin

refactor: renamed some test cases and stories

refactor: remove commented commented code

refactor: renamed some variables for better readability

fix: add default value for logo place when variable --_--item-height is not set

test: updated screenshot with default logo width