From 7bcb45d9bc2fcfb7297718b915d5409301cc5ba8 Mon Sep 17 00:00:00 2001 From: Alexander Date: Sun, 3 Aug 2025 18:03:55 -0400 Subject: [PATCH] Fix display so that it doesn't cause an overflow when not hidden. --- src/pg/patterns/core/tooltip/_tooltip.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/pg/patterns/core/tooltip/_tooltip.scss b/src/pg/patterns/core/tooltip/_tooltip.scss index 0a1aece..5321807 100644 --- a/src/pg/patterns/core/tooltip/_tooltip.scss +++ b/src/pg/patterns/core/tooltip/_tooltip.scss @@ -29,6 +29,7 @@ $tooltip-pointer-top: conic-gradient(from 150deg at top, rgba(0, 0, 0, 0), #000 background: $tooltip-light-background; border-radius: $tooltip-border-radius; color: $tooltip-light-foreground; + display: none; filter: $tooltip-light-drop-shadow; $font-family: $font-body; font-size: 1rem; @@ -47,7 +48,7 @@ $tooltip-pointer-top: conic-gradient(from 150deg at top, rgba(0, 0, 0, 0), #000 user-select: none; will-change: filter; z-index: 10; - + &::before { clip-path: inset(50%); clip: rect(1px, 1px, 1px, 1px); @@ -152,6 +153,7 @@ $tooltip-pointer-top: conic-gradient(from 150deg at top, rgba(0, 0, 0, 0), #000 :has(> [role="tooltip"]) { position: relative; &:is(:hover, :focus-visible, :active) > [role="tooltip"] { + display: block; opacity: 1; transition-delay: 300ms; }