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 #2046 - Overlapping Blocking Icon on Tips #2138

Merged
merged 2 commits into from
Jul 7, 2022
Merged

Fix #2046 - Overlapping Blocking Icon on Tips #2138

merged 2 commits into from
Jul 7, 2022

Conversation

codemist
Copy link
Collaborator

@codemist codemist commented Jun 28, 2022

This PR fixes #2046

The blocking icon in the masks cards no longer overlap the tips card.

Screen.Recording.2022-06-28.at.3.52.08.PM.mov
  • l10n changes have been submitted to the l10n repository, if any.
  • I've added a unit test to test for potential regressions of this bug.
  • I've added or updated relevant docs in the docs/ directory.
  • All UI revisions follow the coding standards, and use Protocol tokens where applicable (see /frontend/src/styles/tokens.scss).
  • Commits in this PR are minimal and have descriptive commit messages.

@codemist codemist requested a review from Vinnl June 29, 2022 19:34
@codemist codemist marked this pull request as ready for review June 29, 2022 19:34
Copy link
Collaborator

@Vinnl Vinnl 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!

@@ -52,6 +52,7 @@
background-color: $color-white;
width: $content-sm;
max-width: calc(100% - $spacing-xl);
z-index: 1;
Copy link
Collaborator

Choose a reason for hiding this comment

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

The fix is good, but I'd like z-indexes to always be accompanied by a comment explaining what it's trying to cover (so that we know when it can be removed/lowered or not):

Suggested change
z-index: 1;
// Prevent the BlockLevelSlider thumb, which is also absolutely positioned,
// from overlapping the tips area:
z-index: 1;

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Done! Thanks for always reminding me to leave comments

@codemist codemist merged commit 4c0133e into main Jul 7, 2022
@codemist codemist deleted the z-index-fix branch July 7, 2022 14:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Overlapping issues on mobile for both free and premium users
2 participants