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

fix(sidebar): incorrect offset and z-index on mobile #8856

Merged
merged 3 commits into from
May 15, 2023

Conversation

LeoMcA
Copy link
Member

@LeoMcA LeoMcA commented May 15, 2023

Summary

fixes #8646
fixes #8702

remove --z-index-top variable, and split into per-element variables -
not everything can be on top!

remove some unnecessary z-indexes due to relative positioning

I intend to follow up with another PR removing the rest of the
reused/unnecessary z-indexes later - but don't want to block fixing this
issue with that

Problem

  • sidebar offset is wrong on mobile - in the past this seemed to cause part of the sidebar to be cut off, now it causes a gap between the header and sidebar
  • some content shows through the sidebar

Solution

  • correct offset
  • correct z-index

Screenshots

Before

Screen Shot 2023-05-15 at 11 38 22

After

Screen Shot 2023-05-15 at 11 44 37
Screen Shot 2023-05-15 at 11 43 51

@LeoMcA LeoMcA requested review from fiji-flo and removed request for fiji-flo May 15, 2023 10:45
@LeoMcA LeoMcA marked this pull request as draft May 15, 2023 11:13
remove --z-index-top variable, and split into per-element variables -
not everything can be on top!

remove some unnecessary z-indexes due to relative positioning

I intend to follow up with another commit removing the rest of the
reused/unnecessary z-indexes later - but don't want to block fixing this
issue with that

fixes #8646
fixes #8702
@LeoMcA LeoMcA force-pushed the sidebar-z-index-offset branch from c448c85 to adcd2c9 Compare May 15, 2023 11:56
@LeoMcA LeoMcA marked this pull request as ready for review May 15, 2023 12:06
@LeoMcA LeoMcA requested a review from fiji-flo May 15, 2023 12:06
Copy link
Contributor

@fiji-flo fiji-flo left a comment

Choose a reason for hiding this comment

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

Looking good, one change though.

client/src/app.scss Outdated Show resolved Hide resolved
@LeoMcA LeoMcA merged commit af1cfdc into main May 15, 2023
@LeoMcA LeoMcA deleted the sidebar-z-index-offset branch May 15, 2023 16:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants