From ed052c36fbc0cff8e8aae3b9924322b8efe636d7 Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Thu, 16 May 2024 15:53:01 +0200 Subject: [PATCH 1/3] Improve link conrol preview when show button text label is enabled. --- .../src/components/link-control/style.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss index 91428274a99140..e6b7e8b0b1162d 100644 --- a/packages/block-editor/src/components/link-control/style.scss +++ b/packages/block-editor/src/components/link-control/style.scss @@ -37,12 +37,19 @@ $block-editor-link-control-number-of-actions: 1; .block-editor-link-control__search-item-top { gap: $grid-unit-10; + flex-wrap: wrap; + justify-content: flex-end; .components-button.has-icon { - min-width: inherit; - width: min-content; + width: auto; + padding: $grid-unit-05; } } + + .is-preview .block-editor-link-control__search-item-header { + min-width: 100%; + margin-right: 0; + } } } From 20d6732621c71bc8aed3c530aeffd46ecc48cd66 Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Fri, 17 May 2024 09:25:13 +0200 Subject: [PATCH 2/3] Reduce gap. --- packages/block-editor/src/components/link-control/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss index e6b7e8b0b1162d..08c65a169903f3 100644 --- a/packages/block-editor/src/components/link-control/style.scss +++ b/packages/block-editor/src/components/link-control/style.scss @@ -36,7 +36,7 @@ $block-editor-link-control-number-of-actions: 1; } .block-editor-link-control__search-item-top { - gap: $grid-unit-10; + gap: $grid-unit-05; flex-wrap: wrap; justify-content: flex-end; From 5ac4cbab7fe3f2452ca1dc9a4ddff0e9c057ba09 Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Thu, 23 May 2024 16:35:04 +0200 Subject: [PATCH 3/3] Remove right alignment. --- packages/block-editor/src/components/link-control/style.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss index 08c65a169903f3..c0cf8a3bc2afe9 100644 --- a/packages/block-editor/src/components/link-control/style.scss +++ b/packages/block-editor/src/components/link-control/style.scss @@ -38,7 +38,6 @@ $block-editor-link-control-number-of-actions: 1; .block-editor-link-control__search-item-top { gap: $grid-unit-05; flex-wrap: wrap; - justify-content: flex-end; .components-button.has-icon { width: auto;