Skip to content
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

frontend: Improve scroll bars #2715

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

frontend: Improve scroll bars #2715

wants to merge 4 commits into from

Conversation

skoeva
Copy link
Contributor

@skoeva skoeva commented Dec 19, 2024

These changes display the scroll bars for the main content and sidebar under the top bar. The width of the sidebar and the height of the top bar are also adjusted to prevent inconsistencies.

Fixes: #2679

Testing

  • Open Headlamp and resize the window height to display the scroll bars
  • Ensure that the icons in the side bar are not squished like before, and that the scroll bars are displayed under the top bar

image

@skoeva skoeva added the frontend Issues related to the frontend label Dec 19, 2024
@skoeva skoeva self-assigned this Dec 19, 2024
@skoeva skoeva linked an issue Dec 19, 2024 that may be closed by this pull request
@skoeva skoeva force-pushed the scrollbar-fix branch 2 times, most recently from 87d25ca to 3e3b634 Compare December 20, 2024 21:41
@skoeva skoeva marked this pull request as ready for review December 20, 2024 21:41
@dosubot dosubot bot added the size:M This PR changes 30-99 lines, ignoring generated files. label Dec 20, 2024
@skoeva skoeva requested a review from a team December 20, 2024 21:46
flexGrow: 1,
marginLeft: 'initial',
overflow: 'auto',
[theme.breakpoints.down('sm')]: { marginTop: { xs: '-12px', sm: '-8px' } },
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

that's a lot of new magic values (64px, 72px, -12px, -8px). maybe we can do this change without introducing them? maybe making topbar not positioned absolute or sticky.
or if that's not possible at least introduce some constants and plan for a possibility that topbar size might be changed in the future

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if the topbar isn't set to fixed then that defeats the purpose of it right? I think the new values are a good workaround (temporary if we can fix the topbar somehow) so I can abstract them into constants for now

@dosubot dosubot bot added size:L This PR changes 100-499 lines, ignoring generated files. and removed size:M This PR changes 30-99 lines, ignoring generated files. labels Dec 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Issues related to the frontend size:L This PR changes 100-499 lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Scrollbar size issue
2 participants