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 our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(web): better overall responsiveness #8776
base: main
Are you sure you want to change the base?
feat(web): better overall responsiveness #8776
Conversation
Thank you so much for working on this! I think this is one of the most impact QoL improvements we can do for the web now! I would love to completely hide the menu on the left unless the user clicks on the hamburger icon. This will open up more real estate for all the views |
It looks great. |
The sidebar will remain fully opened on large screens (desktop PCs and laptops). No change here. It will be displayed in its small state on medium screens (tablets). But in that case, clicking the "hamburger" icon on the top left corner will fully open the sidebar. Hovering the sidebar with your mouse (if any) will also open it. |
e48df70
to
51798d4
Compare
If the video from mobile is the normal speed then I really appreciate the really fast animation. I hate slow animations because all they do is slow down productivity. |
e86f282
to
7137537
Compare
41dc158
to
425198d
Compare
425198d
to
1634e79
Compare
Hey, all these changes look great! Haven't done a review of them specifically but just to avoid it getting too large, it might be a good idea to get this PR in a reviewable state soon instead of making even more changes, then we can get it merged and you can continue optimising away after that in a new PR! 😄 |
Yep, indeed! When I'm done I'll split this PR into smaller ones 😃 |
If it isn't too much to ask, could you please provide some more video clips of some of the changes when you get the chance? As teasers for us who look at the PRs? |
This PR aims to make the web interface fully responsive.
Overall Changes
outclick
event is now correctly emitted on touch devices.Sidebar
(⚠️ Animations have been slowed down to 1s for this video, but are still at 200ms)
(And yes, the slight change of left-margin is made on purpose)
Sidebar.mp4
Mobile.MP4
Navigation Bar
Administration
andToggle Theme
buttons have been moved to the account info panel on small screens to prevent the navigation bar from overflowing.Work is sill in progress