From 8cab18a599f65e5646654506dbea19319ace74d6 Mon Sep 17 00:00:00 2001 From: ramon Date: Mon, 8 Jul 2024 14:00:32 +1000 Subject: [PATCH 1/2] Add a gray background for the focal picker image preview, with a max-height of 180px --- .../block-editor/src/components/global-styles/style.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/global-styles/style.scss b/packages/block-editor/src/components/global-styles/style.scss index f55e2da643704..450ac1167612e 100644 --- a/packages/block-editor/src/components/global-styles/style.scss +++ b/packages/block-editor/src/components/global-styles/style.scss @@ -192,8 +192,12 @@ .components-toggle-control { margin-bottom: 0; } + .components-focal-point-picker-wrapper { + background-color: $gray-100; + width: 100%; + } .components-focal-point-picker__media--image { - max-height: clamp(120px, 9vh, 280px); + max-height: 180px; } } From 2f129bec791e564d6785b77a8bed7bda3c9918e1 Mon Sep 17 00:00:00 2001 From: ramon Date: Tue, 9 Jul 2024 11:40:44 +1000 Subject: [PATCH 2/2] Add border and border radius to focal point picker image container --- packages/block-editor/src/components/global-styles/style.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/block-editor/src/components/global-styles/style.scss b/packages/block-editor/src/components/global-styles/style.scss index 450ac1167612e..f57bc79074153 100644 --- a/packages/block-editor/src/components/global-styles/style.scss +++ b/packages/block-editor/src/components/global-styles/style.scss @@ -195,6 +195,8 @@ .components-focal-point-picker-wrapper { background-color: $gray-100; width: 100%; + border-radius: $radius-block-ui; + border: $border-width solid $gray-300; } .components-focal-point-picker__media--image { max-height: 180px;