Add sidebar resize and improved collapse functionality#45
Open
teonimesic wants to merge 2 commits intojfernandez:mainfrom
Open
Add sidebar resize and improved collapse functionality#45teonimesic wants to merge 2 commits intojfernandez:mainfrom
teonimesic wants to merge 2 commits intojfernandez:mainfrom
Conversation
- Add draggable resize handle on sidebar right edge - Support width range: 150px to 600px - Persist custom width to localStorage - Add text ellipsis for file names when sidebar is narrow - Disable transitions during drag for smooth resizing - Handle highlights in blue when hovering/dragging
teonimesic
force-pushed
the
feature/improved-sidebar
branch
from
f1ee640 to
bc25ee9
Compare
- Collapse sidebar to 48px width (showing icon only) - Add smooth animated transitions for collapse/expand - Save current width before collapse, restore on expand - Add debounce protection to prevent rapid-click glitches - Persist collapsed state across page reloads - Set inline styles to ensure 48px width on reload when collapsed - Skip width restoration in resize function if collapsed - Extract setSidebarWidth() helper to eliminate code duplication - Add detailed comments for maintainability
teonimesic
force-pushed
the
feature/improved-sidebar
branch
from
bc25ee9 to
bd48eb5
Compare
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
1 participant
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.
Why?
The default directory sidebar width was not enough to show longer file names, making it a guessing game of which file I was opening.
Summary
This PR adds Manual Sidebar Resize - Users can now drag the right edge of the sidebar to resize it between 150-600px, with the custom width persisting across page reloads
Changes
Commit 1: Add manual sidebar resize functionality
Commit 2: Improve sidebar collapse/expand behavior
Testing
All features have been tested: