From 88745fa41c5dda398343983424893b7aacb07dd4 Mon Sep 17 00:00:00 2001 From: brookewp Date: Thu, 9 Feb 2023 15:02:29 -0800 Subject: [PATCH 1/3] MediaReplaceFlow: fix styling for LinkControl --- .../src/components/media-replace-flow/style.scss | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/packages/block-editor/src/components/media-replace-flow/style.scss b/packages/block-editor/src/components/media-replace-flow/style.scss index 707fd9393ee6c6..e0739bdb456e69 100644 --- a/packages/block-editor/src/components/media-replace-flow/style.scss +++ b/packages/block-editor/src/components/media-replace-flow/style.scss @@ -23,24 +23,22 @@ } .block-editor-link-control { - width: 220px; // Hardcoded width avoids resizing of control when switching between preview/edit. + width: 328px; // Hardcoded width avoids resizing of control when switching between preview/edit. .block-editor-url-input { padding: 0; // Cancel unnecessary default 1px padding in this case. margin: 0; // Reset default LinkControl margins. } - .components-base-control .components-base-control__field { - margin-bottom: 0; - } - - .block-editor-link-control__search-item-title { - max-width: 180px; + .block-editor-link-control__search-item-title, + .block-editor-link-control__search-item-info { + max-width: 220px; white-space: nowrap; } - .block-editor-link-control__search-item-info { - white-space: nowrap; + .block-editor-link-control__tools { + justify-content: flex-end; + padding: $grid-unit-20 0 0; } .block-editor-link-control__search-item.is-current { From 2142ed0cc655edc78b7de4fd598d3174830c7193 Mon Sep 17 00:00:00 2001 From: brookewp Date: Sat, 25 Feb 2023 00:19:46 -0800 Subject: [PATCH 2/3] Adjust width of popover --- .../block-editor/src/components/media-replace-flow/style.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/block-editor/src/components/media-replace-flow/style.scss b/packages/block-editor/src/components/media-replace-flow/style.scss index e0739bdb456e69..fde879613134fa 100644 --- a/packages/block-editor/src/components/media-replace-flow/style.scss +++ b/packages/block-editor/src/components/media-replace-flow/style.scss @@ -23,7 +23,7 @@ } .block-editor-link-control { - width: 328px; // Hardcoded width avoids resizing of control when switching between preview/edit. + width: 300px; // Hardcoded width avoids resizing of control when switching between preview/edit. .block-editor-url-input { padding: 0; // Cancel unnecessary default 1px padding in this case. @@ -32,7 +32,7 @@ .block-editor-link-control__search-item-title, .block-editor-link-control__search-item-info { - max-width: 220px; + max-width: 200px; white-space: nowrap; } From b9aa030bd0fcc5e852836eb0f027c5e86209bd44 Mon Sep 17 00:00:00 2001 From: brookewp Date: Sat, 25 Feb 2023 00:30:34 -0800 Subject: [PATCH 3/3] Fix missing focus outline --- .../block-editor/src/components/media-replace-flow/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/media-replace-flow/style.scss b/packages/block-editor/src/components/media-replace-flow/style.scss index fde879613134fa..81484cbf806623 100644 --- a/packages/block-editor/src/components/media-replace-flow/style.scss +++ b/packages/block-editor/src/components/media-replace-flow/style.scss @@ -38,7 +38,7 @@ .block-editor-link-control__tools { justify-content: flex-end; - padding: $grid-unit-20 0 0; + padding: $grid-unit-20 var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus); } .block-editor-link-control__search-item.is-current {