Adjust custom form controls styling for WP 5.3.

Yoast · Oct 18, 2019 · 65bd468 · 65bd468
1 parent ffa97fa
commit 65bd468
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/components/src/input/InputField.js b/packages/components/src/input/InputField.js
@@ -6,7 +6,8 @@ import { colors, rgba } from "@yoast/style-guide";
 
 export const InputField = styled.input`
 	&&& {
-		padding: 8px;
+		padding: 0 8px;
+		min-height: 34px;
 		font-size: 1em;
 		box-shadow: inset 0 1px 2px ${ rgba( colors.$color_black, 0.07 ) };
 		border: 1px solid ${ colors.$color_input_border };

diff --git a/...es/yoast-components/composites/Plugin/Shared/tests/__snapshots__/KeywordInputTest.js.snap b/...es/yoast-components/composites/Plugin/Shared/tests/__snapshots__/KeywordInputTest.js.snap
@@ -56,7 +56,8 @@ exports[`KeywordInput matches the snapshot by default 1`] = `
 }
 
 .c5.c5.c5 {
-  padding: 8px;
+  padding: 0 8px;
+  min-height: 34px;
   font-size: 1em;
   box-shadow: inset 0 1px 2px rgba( 0,0,0,0.07 );
   border: 1px solid #ddd;