-
Notifications
You must be signed in to change notification settings - Fork 3.6k
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
Password modal z-index #565
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
20f2259
@@ -1708,7 +1708,7 @@ input[type='checkbox'] { | |||
right: 0; | |||
bottom: 0; | |||
background: rgb(var(--color-background)); | |||
z-index: 1; | |||
z-index: 4; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this class is also used on the search modal from the header but from what I'm seeing it doesn't have any negative impact 🤔
Good find @KaichenWang. I also noticed that the styling was duplicated in cc: @tauthomas01 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested and looks good
* Password modal z-index * update to 4 based on review
Why are these changes introduced?
Fixes #557
What approach did you take?
Updated the
z-index
value of the.modal__content
to 3 instead of 1.I added all the sections available on the password page and test how it played with the modal. A
z-index: 3;
seemed to suffice to resolve the issue.Other considerations
Demo links
Checklist
To test
In the theme editor, go to the password page and add sections, then open the modal by clicking on
Enter password
and see if anything shows up on top of it.