Draw the rich tooltip without Tailwind

Plan step 36 (actions). <x-rich-tooltip> renders data-md-rich-tooltip
with the bubble's data-md-rich-tooltip-bubble and data-md-side, and
data-md-rich-tooltip-title/-text/-actions on its plain text; no class
list. rich-tooltip.css draws RichTooltipTokens' surface-container,
medium corner, elevation 2, 312px bubble, its corner-to-corner anchor
positioning and its fade, the same shape as tooltip.css.

rich-tooltip.js's leave grace goes from 200ms to M3's 1.5s (ACT-25),
matching tooltip.js. RichTooltipTest is rewritten on the hooks and
ComponentStylesheet.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

This commit is contained in:

Andreas Reinhold / reini

2026-09-14 16:35:36 +02:00

co-authored by

Claude Opus 5

parent 3680808ae8

commit 8cb8727f75

6 changed files with 165 additions and 23 deletions

									
										resources/css/components.css
									
		+1
		
												View File
												
				@@ -26,6 +26,7 @@

				@import './components/menu.css';

				@import './components/fab-menu-item.css';

				@import './components/fab-menu.css';

				@import './components/rich-tooltip.css';

				/* Inputs, selection and data */

				@import './components/form.css';