From 2129ef284cddc14a4ceb21e2c5f7c961f7a2175d Mon Sep 17 00:00:00 2001 From: Matt J Date: Fri, 20 Dec 2024 15:43:41 +0100 Subject: [PATCH] - toggled tip content is now part oh the hover, hence it does not disappear when hovering it - tip button outline is now blue --- skrub/_reporting/_data/templates/toggletip.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/skrub/_reporting/_data/templates/toggletip.css b/skrub/_reporting/_data/templates/toggletip.css index df08b554e..b88db408f 100644 --- a/skrub/_reporting/_data/templates/toggletip.css +++ b/skrub/_reporting/_data/templates/toggletip.css @@ -25,8 +25,8 @@ .toggletip > .toggletip-info { box-sizing: border-box; position: absolute; - top: calc(1.2 * var(--height-button)); - left: calc(0.9 * var(--height-button)); + top: calc(0.9 * var(--height-button)); + left: calc(0.4 * var(--height-button)); width: calc(min(50ch, 100% - var(--height-button))); min-width: min-content; padding: var(--spacing-l); @@ -39,11 +39,13 @@ transition: opacity var(--animation-duration) var(--animation-easing); } +.toggletip:hover > .toggletip-info, .toggletip:has(button:is(:focus, :active, :hover)) > .toggletip-info { opacity: 1; + pointer-events: all; } .toggletip button:is(:focus, :active) { - outline: var(--border-m) solid var(--color-text-info); + outline: var(--border-m) solid var(--color-background-info); outline-offset: var(--border-m); }