From 3c383973c317726b2aea033e3c887e536a3acd12 Mon Sep 17 00:00:00 2001 From: Ryan Dee Date: Wed, 11 Feb 2026 16:50:47 -0600 Subject: [PATCH] Reduce popup arrow overlap with popup MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Retain overlap to avoid unwanted gaps rendered by the browser at some viewport lengths. Reduce overlap so the arrow and popup backgrounds don’t compound if the background color is semi-transparent. --- scss/components-js/_popups.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/scss/components-js/_popups.scss b/scss/components-js/_popups.scss index da654afc..c5a8f22c 100644 --- a/scss/components-js/_popups.scss +++ b/scss/components-js/_popups.scss @@ -60,7 +60,7 @@ &::before { clip-path: polygon(50% 0, 0 100%, 100% 100%); - top: calc(calc(-1 * #{var.$size-block-popup-point}) + .5px); + top: calc(calc(-1 * #{var.$size-block-popup-point}) + .25px); } } @@ -70,7 +70,7 @@ &::before { clip-path: polygon(100% 0, 0 0, 50% 100%); - top: calc(100% - .5px); + top: calc(100% - .25px); } } @@ -80,7 +80,7 @@ &::before { clip-path: polygon(0 0, 0 100%, 100% 50%); - left: calc(100% - .5px); + left: calc(100% - .25px); } } @@ -90,7 +90,7 @@ &::before { clip-path: polygon(100% 100%, 100% 0, 0 50%); - left: calc(calc(-1 * #{var.$size-block-popup-point}) + .5px); + left: calc(calc(-1 * #{var.$size-block-popup-point}) + .25px); } }