From 93b174e81ab07c394a69eb248a3a0f787d856df1 Mon Sep 17 00:00:00 2001 From: David Menc Date: Tue, 3 Sep 2024 10:41:02 +0200 Subject: [PATCH] fixup! fixup! Remove line between popover and arrow --- src/components/Popover/Popover.module.scss | 8 ++++---- src/components/Popover/_theme.scss | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/Popover/Popover.module.scss b/src/components/Popover/Popover.module.scss index a88eb47d..1704040d 100644 --- a/src/components/Popover/Popover.module.scss +++ b/src/components/Popover/Popover.module.scss @@ -68,19 +68,19 @@ // Arrows .isRootAtTop > .arrow { - top: calc(100% - #{theme.$arrow-safe-rendering-overlap + theme.$arrow-gap}); + top: calc(100% - #{theme.$arrow-gap}); } .isRootAtBottom > .arrow { - bottom: calc(100% - #{theme.$arrow-safe-rendering-overlap + theme.$arrow-gap}); + bottom: calc(100% - #{theme.$arrow-gap}); } .isRootAtLeft > .arrow { - left: calc(100% - #{theme.$arrow-safe-rendering-overlap + theme.$arrow-gap}); + left: calc(100% - #{theme.$arrow-gap}); } .isRootAtRight > .arrow { - right: calc(100% - #{theme.$arrow-safe-rendering-overlap + theme.$arrow-gap}); + right: calc(100% - #{theme.$arrow-gap}); } // Side alignments: top diff --git a/src/components/Popover/_theme.scss b/src/components/Popover/_theme.scss index d485fa7b..9057b6fa 100644 --- a/src/components/Popover/_theme.scss +++ b/src/components/Popover/_theme.scss @@ -13,6 +13,6 @@ $box-shadow: var(--rui-Popover__box-shadow); $arrow-safe-rendering-overlap: 1px; $arrow-gap: 1px; -$arrow-width: calc(1rem + #{$arrow-safe-rendering-overlap + $arrow-gap}); -$arrow-height: calc(math.div($arrow-width, 2)); // 1. +$arrow-width: calc(1rem + #{$arrow-safe-rendering-overlap + ($arrow-gap * 2)}); +$arrow-height: calc($arrow-width / 2); // 1. $arrow-corner-offset: 0.75rem;