Tooltip.module.css 969 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. /* Visual spec mirrors deepsuite @deepseek/ui Tooltip.css (size m, no arrow),
  2. except padding tightened 6/12 -> 4/8 and radius 10 -> 8 by product ruling:
  3. tooltip-bg plate,
  4. one text color across both themes (the plate stays dark in light and dark
  5. mode). Behavior (fixed positioning off the anchor rect) is local — the
  6. upstream Floating stack is intentionally not vendored. */
  7. .bubble {
  8. position: fixed;
  9. z-index: 100;
  10. padding: 4px 8px;
  11. border-radius: 8px;
  12. background: var(--dsw-alias-tooltip-bg);
  13. color: var(--dsw-static-neutral-bluish-00);
  14. font-size: 14px;
  15. line-height: 22px;
  16. white-space: nowrap;
  17. pointer-events: none;
  18. animation: tooltip-in 150ms var(--ds-ease-in-out);
  19. }
  20. .bubble[data-side='right'] {
  21. transform: translateY(-50%);
  22. }
  23. .bubble[data-side='bottom'] {
  24. transform: translateX(-50%);
  25. }
  26. @keyframes tooltip-in {
  27. from { opacity: 0; }
  28. }
  29. @media (prefers-reduced-motion: reduce) {
  30. .bubble {
  31. animation: none;
  32. }
  33. }