fix(popover): arrow border thickness revisited (#1936)

Orange-OpenSource · Apr 26, 2023 · 6ee9b0c · 6ee9b0c
1 parent 1d36f7e
commit 6ee9b0c
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/scss/_popover.scss b/scss/_popover.scss
@@ -75,7 +75,8 @@
     }
 
     &::after {
-      bottom: var(--#{$prefix}popover-border-width);
+      // stylelint-disable-next-line function-disallowed-list
+      bottom: calc(var(--#{$prefix}popover-border-width) * 1.5); // Boosted mod: instead of `var(--#{$prefix}popover-border-width)`
       border-top-color: var(--#{$prefix}popover-bg);
     }
   }
@@ -99,7 +100,8 @@
     }
 
     &::after {
-      left: var(--#{$prefix}popover-border-width);
+      // stylelint-disable-next-line function-disallowed-list
+      left: calc(var(--#{$prefix}popover-border-width) * 1.5); // Boosted mod: instead of `var(--#{$prefix}popover-border-width)`
       border-right-color: var(--#{$prefix}popover-bg);
     }
   }
@@ -122,7 +124,8 @@
     }
 
     &::after {
-      top: var(--#{$prefix}popover-border-width);
+      // stylelint-disable-next-line function-disallowed-list
+      top: calc(var(--#{$prefix}popover-border-width) * 1.5); // Boosted mod: instead of `var(--#{$prefix}popover-border-width)`
       border-bottom-color: var(--#{$prefix}popover-bg);
     }
   }
@@ -158,7 +161,8 @@
     }
 
     &::after {
-      right: var(--#{$prefix}popover-border-width);
+      // stylelint-disable-next-line function-disallowed-list
+      right: calc(var(--#{$prefix}popover-border-width) * 1.5); // Boosted mod: instead of `var(--#{$prefix}popover-border-width)`
       border-left-color: var(--#{$prefix}popover-bg);
     }
   }