Skip to content

feat(ui-components): add collapsible sidebar (#8595)#8610

Open
omerbakr wants to merge 2 commits intonodejs:mainfrom
omerbakr:ui/collapsible-sidebar
Open

feat(ui-components): add collapsible sidebar (#8595)#8610
omerbakr wants to merge 2 commits intonodejs:mainfrom
omerbakr:ui/collapsible-sidebar

Conversation

@omerbakr
Copy link

@omerbakr omerbakr commented Feb 7, 2026

This change resolves #8595 by introducing a collapsible sidebar functionality to the ui-components package.

Only the left navigation sidebar is made collapsible. The right sidebar (Table of Contents) is kept static as it provides essential in-page navigation and is less overwhelming than the main navigation tree. This maintains a focused reading experience while keeping the page structure balanced.

Signed-off-by: omerbakr <y.omerbakir@gmail.com>
@omerbakr omerbakr requested a review from a team as a code owner February 7, 2026 03:09
@vercel
Copy link

vercel bot commented Feb 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
nodejs-org Ready Ready Preview Feb 7, 2026 10:13am

Request Review

@github-actions
Copy link
Contributor

github-actions bot commented Feb 7, 2026

👋 Codeowner Review Request

The following codeowners have been identified for the changed files:

Team reviewers: @nodejs/nodejs-website

Please review the changes when you have a chance. Thank you! 🙏

Comment on lines 21 to 26
&[data-collapsed='true'] {
transform: translateX(-100%);

.mobileSelect {
@apply ml:hidden
flex
w-full;
.content {
@apply invisible;
}

This comment was marked as outdated.

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.

Make Sidebars Collapsable

1 participant