Fix missing selected block highlighting in list view (#24609)

* Add back missing style for selected block in list view * Override selected style on navigation screen
WordPress · Aug 18, 2020 · 0cbb9e2 · 0cbb9e2
1 parent c348eb6
commit 0cbb9e2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-navigation/style.scss b/packages/block-editor/src/components/block-navigation/style.scss
@@ -56,6 +56,14 @@ $tree-item-height: 36px;
 		margin-right: 6px;
 	}
 
+	&.is-selected .block-editor-block-icon svg,
+	&.is-selected:focus .block-editor-block-icon svg {
+		color: $white;
+		background: $gray-900;
+		box-shadow: 0 0 0 $border-width $gray-900;
+		border-radius: $border-width;
+	}
+
 	.block-editor-block-navigation-block__menu-cell,
 	.block-editor-block-navigation-block__mover-cell,
 	.block-editor-block-navigation-block__contents-cell {

diff --git a/packages/edit-navigation/src/components/navigation-editor/style.scss b/packages/edit-navigation/src/components/navigation-editor/style.scss
@@ -56,6 +56,13 @@
 	> :first-child button {
 		padding-left: 0;
 	}
+
+	&.is-selected .block-editor-block-icon svg,
+	&.is-selected:focus .block-editor-block-icon svg {
+		color: $dark-gray-600;
+		background: transparent;
+		box-shadow: none;
+	}
 }
 
 .edit-navigation-editor__navigation-structure-panel {