feat(ui): enhance sidebar responsiveness for split-screen scenarios #150
+21
−8
Conversation
This file contains 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
- Added overflow-y-auto to enable vertical scrolling for the sidebar. - Implemented custom CSS to hide scrollbars across browsers. - Ensured smooth scrolling with WebkitOverflowScrolling: 'touch' for better touch device support. - Maintained responsiveness and clean UI design.
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.
feat(ui): enhance sidebar responsiveness for split-screen scenarios
issue: #147
Description
This PR improves the responsiveness of the sidebar in PictoPy, addressing issues observed when the application is used in split-screen mode or resized on desktop. The update ensures a seamless and visually appealing experience across varying screen sizes.
Changes Introduced
Responsive Sidebar:
overflow-y-autoto allow smooth scrolling for the sidebar.Hidden Scrollbars:
scrollbar-hideclass to hide scrollbars across all browsers.WebkitOverflowScrolling: 'touch'for touch device support.Video
Screen.Recording.2024-12-28.015744.mp4