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 <[email protected]>
Automattic · Apr 6, 2020 · fe54fe4 · fe54fe4
1 parent bc29cd5
commit fe54fe4
Showing 1 changed file with 8 additions and 1 deletion.
diff --git 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;
 	}
 }