Fix display so that it doesn't cause an overflow when not hidden.
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user