fix(utils): reverse middle pos in rtl

telerik · Dec 3, 2020 · ebdae05 · ebdae05
1 parent 39ce9aa
commit ebdae05
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/default/scss/utils/_position.scss b/packages/default/scss/utils/_position.scss
@@ -45,12 +45,26 @@
         top: 50%;
         transform: translateY(-50%);
         left: 0;
+
+        .k-rtl &,
+        &[dir="rtl"],
+        [dir="rtl"] & {
+            left: auto;
+            right: 0;
+        }
     }
     .k-middle-end ,
     .k-pos-middle-end {
         top: 50%;
         transform: translateY(-50%);
         right: 0;
+
+        .k-rtl &,
+        &[dir="rtl"],
+        [dir="rtl"] & {
+            right: auto;
+            left: 0;
+        }
     }
     .k-bottom-start,
     .k-pos-bottom-start {