Files
docker-docs/layouts/partials/tooltip.html
Arthur 038e6dc682 chore: update Tailwind to v4 (#22666)
- Extract classes to utilities and components.
- Reduce number of colors used.
- Harmonize button colors.
- Restyle admonitions.
- Move **Page options** button to main article.
- Various color tweaks.
2025-05-28 08:37:10 +01:00

25 lines
634 B
HTML

{{- /*
Renders a tooltip component using Floating UI for positioning.
See script at `assets/js/src/tooltip.js` for functionality.
*/
-}}
<div data-tooltip-wrapper>
<div
data-tooltip-button
class="icon-svg text-blue-light flex items-center dark:text-blue-700"
>
{{ partialCached "icon" "help" "help" }}
</div>
<div
data-tooltip-body
class="absolute top-0 left-0 hidden max-w-56 rounded-sm bg-gray-700 p-2 text-white dark:bg-gray-300"
role="tooltip"
>
{{ . }}
<div
data-tooltip-arrow
class="absolute h-2 w-2 rotate-45 bg-gray-700 dark:bg-gray-300"
></div>
</div>
</div>