Merge pull request #83 from myntra/fix/inputbg

Input Components will always have White Background
myntra · Nov 27, 2023 · 3b54c03 · 3b54c03
2 parents 018c677 + 0019008
commit 3b54c03
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 3 deletions.
diff --git a/components/input-checkbox/src/input-checkbox.module.scss b/components/input-checkbox/src/input-checkbox.module.scss
@@ -5,6 +5,7 @@
   @include mixin-input-component();
 
   display: inline-block;
+  background-color: transparent;
   border-bottom-color: transparent;
 }
 

diff --git a/components/input-masked/src/input-masked.module.scss b/components/input-masked/src/input-masked.module.scss
@@ -4,6 +4,7 @@
 .input {
   @include mixin-input-text-revamp(border, padding('input.text'));
 
+  background-color: transparent;
   input {
     font-size: inherit;
   }

diff --git a/components/input-text-area/src/input-text-area.module.scss b/components/input-text-area/src/input-text-area.module.scss
@@ -36,6 +36,7 @@
 .input {
   width: 100%;
   vertical-align: baseline;
+  background-color: transparent;
   border: none;
   outline: none;
 

diff --git a/components/input/src/_input.scss b/components/input/src/_input.scss
@@ -2,7 +2,7 @@
   padding: padding('input');
   font-size: inherit;
   color: text-color('dark');
-  background-color: transparent;
+  background-color: color('white');
   border: none;
   border-bottom: 1px solid color('gray-dark');
 
@@ -26,7 +26,7 @@
   font-size: inherit;
   line-height: inherit;
   color: text-color('input.text');
-  background-color: transparent;
+  background-color: color('white');
   #{$border-type}: 1px solid color('input.border');
 
   @if not($border-type == 'border-bottom') {

diff --git a/components/input/src/input.module.scss b/components/input/src/input.module.scss
@@ -38,7 +38,7 @@
     padding: 0;
     // margin-left: size('1x');
     line-height: inherit;
-    background-color: transparent;
+    background-color: color('white');
     border: 0;
     outline: none;
   }