fix(tooltip): fix arrow position for bottom center

The Fix from #1801 was basically correct, however the specificity for transform-origin in later selectors override it, so the result was even worse
fomantic · Jul 21, 2021 · c65b85c · c65b85c
1 parent 1871d28
commit c65b85c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/definitions/modules/popup.less b/src/definitions/modules/popup.less
@@ -337,7 +337,6 @@
           left: 50%;
           margin-left: @tooltipArrowHorizontalOffset;
           margin-top: -@arrowOffset;
-          transform-origin: center top;
         }
       }
       & when (@variationPopupLeft) {
@@ -448,6 +447,11 @@
       }
     }
     & when (@variationPopupCenter) {
+      & when (@variationPopupBottom) {
+        [data-position="bottom center"][data-tooltip]:before {
+          transform-origin: center top;
+        }
+      }
       & when (@variationPopupLeft) {
         [data-position="left center"][data-tooltip]:before {
           transform-origin: top center;