Global styles: tweak block background position preview height (WordPr…

…ess#63225) * Add a gray background for the focal picker image preview, with a max-height of 180px * Add border and border radius to focal point picker image container Co-authored-by: ramonjd <[email protected]> Co-authored-by: jasmussen <[email protected]>
huubl · Jul 10, 2024 · d8702f7 · d8702f7
1 parent 3176d5c
commit d8702f7
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/global-styles/style.scss b/packages/block-editor/src/components/global-styles/style.scss
@@ -192,8 +192,14 @@
 	.components-toggle-control {
 		margin-bottom: 0;
 	}
+	.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: clamp(120px, 9vh, 280px);
+		max-height: 180px;
 	}
 }