mirror of
https://github.com/docker/docs.git
synced 2026-10-23 18:09:02 +03:00
Replaces @material-symbols/svg-400 (5.5 MB) with heroicons (488 KB) — an 11x reduction in icon asset size. Heroicons uses a single consistent distribution format (24px solid SVGs, fill="currentColor") eliminating the need for the separate utils/svg.html partial, the icon-svg-stroke CSS utility, and the dual-path resolution logic in icon.html. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
25 lines
685 B
HTML
25 lines
685 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" "question-mark-circle" "question-mark-circle" }}
|
|
</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:text-gray-800 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>
|