fix(autocomplete): wrong indent in Angular RTL

see #143
telerik · May 18, 2018 · a2d05e3 · a2d05e3
1 parent ba708bd
commit a2d05e3
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/packages/default/scss/common/_forms.scss b/packages/default/scss/common/_forms.scss
@@ -230,13 +230,24 @@ $forms-invalid-color: $error !default;
         }
     }
 
-    .k-autocomplete,
+    $input-icon-padding: calc(#{$input-padding-x} + #{$icon-size});
+
     .k-multiselect-wrap {
-        padding-right: calc(#{$input-padding-x} + #{$icon-size});
+        padding-right: $input-icon-padding;
 
         .k-rtl &,
         [dir="rtl"] & {
-            padding-left: calc(#{$input-padding-x} + #{$icon-size});
+            padding-left: $input-icon-padding;
+            padding-right: $input-padding-x;
+        }
+    }
+
+    .k-autocomplete {
+        padding-right: $input-icon-padding;
+
+        .k-rtl &,
+        &[dir="rtl"] {
+            padding-left: $input-icon-padding;
             padding-right: $input-padding-x;
         }
     }