Make sure child leaves are colored correctly

WordPress · Nov 17, 2022 · 5ff8bd6 · 5ff8bd6
1 parent f4caa6a
commit 5ff8bd6
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss
@@ -16,13 +16,15 @@
 	position: relative;
 
 	// The background has to be applied to the td, not tr, or border-radius won't work.
-	&.is-selected td {
+	&.is-selected:not(.is-synced-branch) td {
 		background: var(--wp-admin-theme-color);
 	}
-	&.is-selected.is-synced td {
+	&.is-selected.is-synced td,
+	&.is-selected.is-synced-branch td {
 		background: var(--wp-block-synced-color);
 	}
-	&.is-synced .block-editor-list-view-block-contents .block-editor-block-icon {
+	&.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,
+	&.is-synced-branch:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon {
 		color: var(--wp-block-synced-color);
 	}
 	&.is-selected .block-editor-list-view-block-contents,
@@ -36,14 +38,15 @@
 			color: $gray-900;
 		}
 	}
-	&.is-selected .block-editor-list-view-block-contents:focus {
+	&.is-selected:not(.is-synced-branch) .block-editor-list-view-block-contents:focus {
 		&::after {
 			box-shadow:
 				inset 0 0 0 1px $white,
 				0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 		}
 	}
-	&.is-selected.is-synced .block-editor-list-view-block-contents:focus {
+	&.is-selected.is-synced .block-editor-list-view-block-contents:focus,
+	&.is-selected.is-synced-branch .block-editor-list-view-block-contents:focus {
 		&::after {
 			box-shadow:
 				inset 0 0 0 1px $white,