fixup! fixup! Remove line between popover and arrow

react-ui-org · Sep 3, 2024 · 93b174e · 93b174e
1 parent 65b72d3
commit 93b174e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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;