diff --git a/src/uix/eidos/components/tooltip/tooltip.css b/src/uix/eidos/components/tooltip/tooltip.css index 0aa5d9f18..f3a1fd3ad 100644 --- a/src/uix/eidos/components/tooltip/tooltip.css +++ b/src/uix/eidos/components/tooltip/tooltip.css @@ -103,6 +103,23 @@ vector-effect: non-scaling-stroke; } +/* Pull the caret base into the panel by the border width (per side) so the fill + * covers the panel's border there and the side strokes continue the outline — + * otherwise the panel border draws a line across the caret base. Mirrors the + * popover recipe. */ +[data-tooltip-arrow][data-side='bottom'] { + margin-block-start: var(--tooltip-border-width); +} +[data-tooltip-arrow][data-side='top'] { + margin-block-end: var(--tooltip-border-width); +} +[data-tooltip-arrow][data-side='left'] { + margin-inline-end: var(--tooltip-border-width); +} +[data-tooltip-arrow][data-side='right'] { + margin-inline-start: var(--tooltip-border-width); +} + /* Outline variant: transparent bg → fill with the surface, stroke the edges. */ [data-tooltip-content][data-variant='outline'] ~ [data-tooltip-arrow] polygon, [data-tooltip-content][data-variant='outline'] [data-tooltip-arrow] polygon {