fix(checkbox): align text on the left in RTL

telerik · May 14, 2018 · b7b6fcf · b7b6fcf
1 parent 48bc8aa
commit b7b6fcf
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/default/scss/input/_layout.scss b/packages/default/scss/input/_layout.scss
@@ -236,6 +236,12 @@ $checkbox-size: $icon-size !default;
             height: $icon-size;
             display: inline-block;
         }
+
+        .k-rtl &,
+        [dir='rtl'] & {
+            padding-left: 0;
+            padding-right: add-two($checkbox-size, $icon-spacing);
+        }
     }
 
     .k-checkbox-label::before,
@@ -253,6 +259,12 @@ $checkbox-size: $icon-size !default;
         position: absolute;
         top: 0;
         left: 0;
+
+        .k-rtl &,
+        [dir='rtl'] &  {
+            left: auto;
+            right: 0;
+        }
     }
 
     // Container box