From 65bd4688d6ed0e2eab66c97f3156f14f55fc0371 Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Fri, 18 Oct 2019 15:34:14 +0200 Subject: [PATCH] Adjust custom form controls styling for WP 5.3. --- packages/components/src/input/InputField.js | 3 ++- .../Plugin/Shared/tests/__snapshots__/KeywordInputTest.js.snap | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/components/src/input/InputField.js b/packages/components/src/input/InputField.js index 13218c660a..87643abb9e 100644 --- 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/packages/yoast-components/composites/Plugin/Shared/tests/__snapshots__/KeywordInputTest.js.snap b/packages/yoast-components/composites/Plugin/Shared/tests/__snapshots__/KeywordInputTest.js.snap index 0b6b8fe7eb..49575ea664 100644 --- a/packages/yoast-components/composites/Plugin/Shared/tests/__snapshots__/KeywordInputTest.js.snap +++ b/packages/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;