Make sidebar collapsible by drag#5811
Merged
Merged
Conversation
✅ Deploy Preview for old-char ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Use the resizable panel collapse behavior and preserve the last expanded width when snapping closed.
2af15db to
6d4c028
Compare
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit 6d4c028. Configure here.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.

Use the resizable panel collapse behavior and preserve the last expanded width when snapping closed.
Note
Low Risk
Desktop main-layout UI only; behavior is covered by new unit tests with no auth, data, or backend changes.
Overview
Users can drag the left sidebar resize handle past the minimum so the panel snaps closed, matching collapsible resizable-panel behavior instead of only using the chrome toggle.
ClassicMainBodywires the left panel ascollapsiblewithcollapsedSize0, an imperativeref, andonCollapsethat callsleftsidebar.setExpanded(false)after restoring the last expanded width via CSS variables andpanel.resize. AlastExpandedLeftSidebarPanelSizeRefkeeps the pre-collapse percentage so layout commits and reopening (Show sidebar) resize back to that width beforetoggleExpanded, without callingexpand()on the handle.Tests extend the resizable mock with
forwardRef,onCollapse, and panel handle stubs, and add cases for drag-to-collapse and reopen resize.Reviewed by Cursor Bugbot for commit ac2270b. Bugbot is set up for automated code reviews on this repo. Configure here.