From fe54fe4bf63702c24c803562133f7ac98e211022 Mon Sep 17 00:00:00 2001 From: Andy Peatling Date: Mon, 6 Apr 2020 08:06:35 -0700 Subject: [PATCH] Shortlinks: Fix the UI in newer version of Gutenberg (#15051) * Fix height of button/textbox for the shortlink UI in both older and newer versions of Gutenberg. * Use CSS variable to control shortlink field See https://github.com/Automattic/jetpack/pull/15051/files#r395531266 Co-authored-by: Jeremy Herve --- extensions/shared/clipboard-input.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/extensions/shared/clipboard-input.scss b/extensions/shared/clipboard-input.scss index bb244a668830b..2db6dc0509f87 100644 --- a/extensions/shared/clipboard-input.scss +++ b/extensions/shared/clipboard-input.scss @@ -1,7 +1,14 @@ +@import 'styles/gutenberg-base-styles.scss'; + .jetpack-clipboard-input { display: flex; + .components-text-control__input, + .components-clipboard-button { + min-height: $button-size; + } + .components-clipboard-button { - margin: 2px 0 0 6px; + margin-left: 6px; } }