fix(input): styled input with icon on left/right

telerik · Nov 13, 2020 · 0794e79 · 0794e79
1 parent af7c445
commit 0794e79
Showing 1 changed file with 8 additions and 14 deletions.
diff --git a/packages/default/scss/input/_layout.scss b/packages/default/scss/input/_layout.scss
@@ -45,26 +45,20 @@
 
     // TODO: Deprecate
     // Input spacing
-    .k-space-left {
-        padding-left: 1.9em;
+    .k-space-left,
+    .k-space-right {
+        > input {
+            flex-grow: 1;
+        }
 
         > .k-icon {
-            margin: -8px 0 0;
-            position: absolute;
-            top: 50%;
             left: 3px;
+            margin: 3px 6px;
         }
     }
 
-    .k-space-right {
-        padding-right: 1.9em;
-
-        > .k-icon {
-            margin: -8px 0 0;
-            position: absolute;
-            top: 50%;
-            right: 3px;
-        }
+    .k-textbox.k-space-left {
+        flex-direction: row-reverse;
     }