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: added z-index to mode help tooltip and z-index system (issue #298) #544

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

Conversation

dpolevodin
Copy link

@dpolevodin dpolevodin commented Dec 27, 2024

fixes #298
z-index for the sticky-toolbar has been lowered from 2000 to 990, since the HelpMark tooltip index is set to 1000 in uikit
Added z-index system and updated readme.
Changed current z-index values in project by z-index mixin

image

@gravity-ui-bot
Copy link
Contributor

Preview is ready.

@dpolevodin dpolevodin changed the title fix: added z-index to mode help tooltip and z-index system #298 fix: added z-index to mode help tooltip and z-index system (issue #298) Jan 13, 2025

.tooltip {
@include mixins.z-index('forefront');
}
Copy link
Collaborator

Choose a reason for hiding this comment

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

add to docs plz too

'img-settings-button': 2,
'table-view-button': 100,
'table-cell-button': 110,
'sticky-toolbar': 990,
Copy link
Collaborator

Choose a reason for hiding this comment

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

  1. header sticky toolbar+
  2. header sticky toolbar
  3. context toolbar+ (popups, hints)
  4. context toolbar
  5. suggest popup+ (for hints), (... buttons menu)
  6. suggest popup
  7. block panel popup

context is popup from text selection
suggest is /, :

Copy link
Collaborator

Choose a reason for hiding this comment

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

if you need to change z-index in uikit component use style https://github.com/gravity-ui/uikit/blob/main/src/components/types.ts#L4C5-L4C27

like this:

style={{
   // ...otherStyles,
   zIndex: var(--md-editor-z-index-level-suggest);
}}

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.

Help tooltip is hidden under the toolbar on small screens
3 participants