[#417] Updated textfield input padding. (#421)

civictheme · Nov 10, 2024 · f50f6ff · f50f6ff · github-actions · Nov 10, 2024
1 parent a6ccd6f
commit f50f6ff
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/components/01-atoms/input/input.scss b/components/01-atoms/input/input.scss
@@ -24,7 +24,6 @@
     border-width: $_border-width;
     padding: $_vertical_spacing $_horizontal_spacing;
     width: 100%;
-    min-height: $_label-line_height + $_vertical_spacing * 2;
   }
 
   &[type='color'] {

diff --git a/components/01-atoms/textfield/textfield.scss b/components/01-atoms/textfield/textfield.scss
@@ -6,6 +6,8 @@
   $root: &;
   $_border-width: ct-particle(0.125);
   $_hover-border-width: $_border-width * 2;
+  $_vertical_spacing: ct-spacing(1.625);
+  $_horizontal_spacing: ct-spacing(2);
 
   @include ct-form-control-no-appearance();
   @include ct-form-control-disabled($ct-textfield-disabled-opacity);
@@ -15,7 +17,7 @@
     border-radius: $ct-textfield-border-radius;
     border-style: solid;
     border-width: $_border-width;
-    padding: ct-spacing(1.625) ct-spacing(2);
+    padding: $_vertical_spacing $_horizontal_spacing;
     width: 100%;
   }