fix(input): change icon padding to 44px

momentum-design · Sep 18, 2019 · b5c5bef · b5c5bef
1 parent fb30f27
commit b5c5bef
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/core/scss/components/input/settings.scss b/core/scss/components/input/settings.scss
@@ -34,7 +34,7 @@ $input__border-color--success: $md-green-50 !default;
 $input__font-size: rem-calc(16) !default;
 $input__height: rem-calc(36) !default;
 $input__padding-side: rem-calc(16) !default;
-$input__padding-side--icon: rem-calc(36) !default;
+$input__padding-side--icon: rem-calc(44) !default;
 $input__padding: 0 $input__padding-side;
 >>>>>>> feat(input): rework input architecture
 $input__border-radius: $global-radius;

diff --git a/core/scss/ng/settings/settings.scss b/core/scss/ng/settings/settings.scss
@@ -7051,6 +7051,7 @@ $input__class--filled: '#{$input__class}--filled';
 
 // Defaults
 $input__height: rem-calc(36) !default;
+<<<<<<< HEAD
 $input__padding-top: rem-calc(9) !default;
 $input__padding-right: rem-calc(16) * 0.75 !default;
 $input__padding-bottom: rem-calc(7) !default;
@@ -7089,6 +7090,11 @@ $input__border-color--read-only: transparent !default;
 $input__border-color--error: $md-red-50 !default;
 $input__border-color--warning: $md-yellow-50 !default;
 $input__border-color--success: $md-green-50 !default;
+=======
+$input__padding-side: rem-calc(16) !default;
+$input__padding-side--icon: rem-calc(44) !default;
+$input__padding: 0 $input__padding-side;
+>>>>>>> fix(input): change icon padding to 44px
 $input__border-radius: $global-radius;
 
 $input__focus-z-index: 800;

diff --git a/core/scss/settings/settings.scss b/core/scss/settings/settings.scss
@@ -4209,7 +4209,7 @@ $input__font-family: $brand-font-regular !default;
 $input__font-size: rem-calc(16) !default;
 $input__height: rem-calc(36) !default;
 $input__padding-side: rem-calc(16) !default;
-$input__padding-side--icon: rem-calc(36) !default;
+$input__padding-side--icon: rem-calc(44) !default;
 $input__padding: 0 $input__padding-side;
 $input__border-radius: $global-radius;
 $input--pill__border-radius: $global-rounded;