Connected blocks, add backdrop-color. (#65233)

Co-authored-by: jasmussen <[email protected]> Co-authored-by: gziolo <[email protected]> Co-authored-by: t-hamano <[email protected]> Co-authored-by: mtias <[email protected]> Co-authored-by: jameskoster <[email protected]> Co-authored-by: SantosGuillamot <[email protected]>
WordPress · Sep 24, 2024 · 0844af0 · 0844af0
1 parent 842f67d
commit 0844af0
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss
@@ -37,6 +37,13 @@
 		border-right: $border-width solid $gray-300;
 	}
 
+	&.is-connected {
+		.block-editor-block-switcher .components-button::before {
+			background: color-mix(in srgb, var(--wp-block-synced-color) 10%, transparent);
+			border-radius: $radius-small;
+		}
+	}
+
 	&.is-synced,
 	&.is-connected {
 		.block-editor-block-switcher .components-button .block-editor-block-icon {