@dnb/eufemia/components/tooltip/style/dnb-tooltip.css

DNB Eufemia Design System UI Library

/*
* Tooltip component
*
*/
/*
 * Utilities
 */
:root {
  --tooltip-z-index: 1100;
}

.dnb-tooltip {
  --inner-space: 0;
  --tooltip-border-radius: 1rem;
  z-index: var(--tooltip-z-index);
}
.dnb-popover--inside-modal .dnb-tooltip {
  z-index: calc(var(--modal-z-index) + var(--tooltip-z-index));
}
.dnb-tooltip {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  text-align: center;
  border-radius: var(--tooltip-border-radius);
  box-shadow: var(--shadow-default);
}
.dnb-tooltip--large {
  padding: 0.25rem 0;
}
.dnb-tooltip .dnb-popover__content {
  min-width: 2rem;
  min-height: 1.5rem;
  padding: 0 1rem;
}
.dnb-tooltip .dnb-popover__arrow__placement--right {
  left: -13px;
  top: auto !important;
}
.dnb-tooltip .dnb-popover__arrow__placement--left {
  right: -13px;
  top: auto !important;
}