Fix display so that it doesn't cause an overflow when not hidden.

This commit is contained in:
2025-08-03 18:03:55 -04:00
parent 05fbea8dfd
commit 7bcb45d9bc

View File

@@ -29,6 +29,7 @@ $tooltip-pointer-top: conic-gradient(from 150deg at top, rgba(0, 0, 0, 0), #000
background: $tooltip-light-background; background: $tooltip-light-background;
border-radius: $tooltip-border-radius; border-radius: $tooltip-border-radius;
color: $tooltip-light-foreground; color: $tooltip-light-foreground;
display: none;
filter: $tooltip-light-drop-shadow; filter: $tooltip-light-drop-shadow;
$font-family: $font-body; $font-family: $font-body;
font-size: 1rem; font-size: 1rem;
@@ -152,6 +153,7 @@ $tooltip-pointer-top: conic-gradient(from 150deg at top, rgba(0, 0, 0, 0), #000
:has(> [role="tooltip"]) { :has(> [role="tooltip"]) {
position: relative; position: relative;
&:is(:hover, :focus-visible, :active) > [role="tooltip"] { &:is(:hover, :focus-visible, :active) > [role="tooltip"] {
display: block;
opacity: 1; opacity: 1;
transition-delay: 300ms; transition-delay: 300ms;
} }