fix: adding missing background color for inputs (#293)

greymatter-io · Sep 4, 2018 · b23448f · b23448f
1 parent ae4e96f
commit b23448f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Input/components/InputField.js b/src/components/Input/components/InputField.js
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-import { FONT_SIZE_BASE, FONT_STACK_BASE, COLOR_KEYLINE, COLOR_CONTENT, BORDER_RADIUS_BASE, COLOR_HIGHLIGHT } from 'style/styleVariables';
+import { FONT_SIZE_BASE, FONT_STACK_BASE, COLOR_KEYLINE, COLOR_CONTENT, COLOR_BACKGROUND_A, BORDER_RADIUS_BASE, COLOR_HIGHLIGHT } from 'style/styleVariables';
 import { spacingScale } from 'style/styleFunctions';
 
 export const InputField = styled.input.attrs({
@@ -17,7 +17,7 @@ export const InputField = styled.input.attrs({
   color: ${COLOR_CONTENT};
   font-family: ${FONT_STACK_BASE};
   font-size: ${FONT_SIZE_BASE};
-  background: transparent;
+  background: ${COLOR_BACKGROUND_A};
   box-sizing: border-box;
   line-height: 1.5;
   transition: all 0.15s ease;

diff --git a/src/components/Input/components/__snapshots__/InputField.test.js.snap b/src/components/Input/components/__snapshots__/InputField.test.js.snap
@@ -9,7 +9,7 @@ exports[`InputField matches snapshot 1`] = `
   color: #000;
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
   font-size: 14px;
-  background: transparent;
+  background: #fff;
   box-sizing: border-box;
   line-height: 1.5;
   -webkit-transition: all 0.15s ease;