Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork484
fix: Remove left margin on sidebar-inset when variant=inset, state=collapsed and collapsible=icon#2339
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.
Already on GitHub?Sign in to your account
base:main
Are you sure you want to change the base?
Uh oh!
There was an error while loading.Please reload this page.
Conversation
…ns whensidebar is in inset variant, collapsed state, and icon collapsible mode.
changeset-botbot commentedOct 9, 2025 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
Pull Request Overview
This PR fixes a sidebar alignment issue when using specific configuration options. When the sidebar is configured withvariant="inset",state="collapsed", andcollapsible="icon", the inset's left margin causes misalignment.
Key Changes:
- Added a Tailwind utility class to override the left margin specifically when all three conditions are met (variant=inset, state=collapsed, collapsible=icon)
Tip: Customize your code reviews with copilot-instructions.md.Create the file orlearn how to get started.
Uh oh!
There was an error while loading.Please reload this page.
Problem
When
variant="inset",state="collapsed", andcollapsible="icon", the sidebar becomes misaligned due to the inset's left margin.Solution
Added the following Tailwind utility to remove the margin in this specific state:
md:peer-data-[variant=inset]:peer-data-[state=collapsed]:peer-data-[collapsible=icon]:ml-0
Result
This ensures the sidebar aligns correctly in this specific situation.
Testing
variant="inset"andcollapsible="icon"on the sidebar.