tooltip.pcss.css

Same filename in this branch
  1. 11.x core/modules/navigation/css/components/tooltip.pcss.css
Same filename and directory in other branches
  1. 10 core/modules/navigation/css/components/tooltip.pcss.css
  2. main core/modules/navigation/css/components/tooltip.pcss.css
  3. main core/themes/default_admin/migration/css/components/tooltip.pcss.css

Tooltip styles for the admin toolbar.

File

core/themes/default_admin/migration/css/components/tooltip.pcss.css

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

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