fix(input): wrong padding in indigo theme (#844)

* fix(input): wrong padding in indigo theme --------- Co-authored-by: Simeon Simeonoff <sim.simeonoff@gmail.com>
IgniteUI · Aug 1, 2023 · 0553e2a · 0553e2a
1 parent e0d297e
commit 0553e2a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/src/components/combo/themes/light/combo.indigo.scss b/src/components/combo/themes/light/combo.indigo.scss
@@ -16,6 +16,10 @@ $theme: digest-schema($combo-schema);
     @include css-vars-from-theme($dropdown-theme, 'ig-dropdown');
 
 
+    igc-input::part(container) {
+        padding-inline: 0;
+    }
+
     [part='helper-text'] {
         margin-top: rem(6px);
         padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));

diff --git a/src/components/input/themes/light/input.indigo.scss b/src/components/input/themes/light/input.indigo.scss
@@ -94,12 +94,12 @@ $theme: digest-schema(extend(
         grid-area: 1 / 2;
     }
 
-    [part*='input prefixed'] {
-        padding-inline-start: 0;
+    [part~='prefixed'] {
+        padding-inline-start: rem(4px);
     }
 
-    [part*='input suffixed'] {
-        padding-inline-end: 0;
+    [part~='suffixed'] {
+        padding-inline-end: rem(4px);
     }
 
     [part='helper-text'] {

diff --git a/src/components/select/themes/light/select.indigo.scss b/src/components/select/themes/light/select.indigo.scss
@@ -23,6 +23,10 @@ $theme: digest-schema($schema);
         color: var-get($input-theme, 'filled-text-color');
     }
 
+    igc-input::part(container) {
+        padding-inline: 0;
+    }
+
     [part='helper-text'] {
         margin-top: rem(6px);
         padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));