tooltip.css

Same filename in this branch
  1. 11.x core/modules/navigation/css/components/tooltip.css
Same filename and directory in other branches
  1. 8.9.x core/assets/vendor/jquery.ui/themes/base/tooltip.css
  2. 10 core/modules/navigation/css/components/tooltip.css
:where(*),
:is(#extra-specificity-hack, [data-drupal-admin-styles]) {
  .admin-toolbar__tooltip {
    position: absolute;
    z-index: 601;
    padding: var(--gin-spacing-xs) var(--gin-spacing-s);
    white-space: nowrap;
    color: white;
    border-radius: var(--gin-border-s);
    background-color: var(--gin-tooltip-bg);
    box-shadow: var(--gin-shadow-l2);
    font-size: var(--gin-font-size-xxs);
    font-weight: var(--gin-font-weight-semibold);
    inset-block-start: var(--space-xs);
    font-variation-settings: initial;
  }

  html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu__item--has-dropdown) .toolbar-link span {
    display: none;
  }
}

File

core/themes/admin/migration/css/components/tooltip.css

View source
  1. :where(*),
  2. :is(#extra-specificity-hack, [data-drupal-admin-styles]) {
  3. .admin-toolbar__tooltip {
  4. position: absolute;
  5. z-index: 601;
  6. padding: var(--gin-spacing-xs) var(--gin-spacing-s);
  7. white-space: nowrap;
  8. color: white;
  9. border-radius: var(--gin-border-s);
  10. background-color: var(--gin-tooltip-bg);
  11. box-shadow: var(--gin-shadow-l2);
  12. font-size: var(--gin-font-size-xxs);
  13. font-weight: var(--gin-font-weight-semibold);
  14. inset-block-start: var(--space-xs);
  15. font-variation-settings: initial;
  16. }
  17. html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu__item--has-dropdown) .toolbar-link span {
  18. display: none;
  19. }
  20. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.