Add a small radius to the multi selection style (#44708)

* Multi-select style: Add block radius to corners.
WordPress · Oct 17, 2022 · 748dea1 · 748dea1
1 parent 571699b
commit 748dea1
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
@@ -36,6 +36,10 @@
 
 	// Block multi selection
 	.block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) {
+		// Apply a rounded radius to the entire block.
+		border-radius: $radius-block-ui;
+		overflow: hidden;
+
 		// Hide the native selection indicator, for the selection, and children.
 		&::selection,
 		& ::selection {
@@ -54,6 +58,7 @@
 			left: 0;
 			background: var(--wp-admin-theme-color);
 			opacity: 0.4;
+			border-radius: $radius-block-ui;
 
 			// Animate.
 			animation: selection-overlay__fade-in-animation 0.1s ease-out;