Site Editor Navigation panel: Update appearance of non-link blocks (#…

…48933)
WordPress · Mar 10, 2023 · f066431 · f066431
1 parent 4b283a4
commit f066431
Showing 1 changed file with 48 additions and 0 deletions.
diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/style.scss b/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/style.scss
@@ -34,6 +34,54 @@
  .block-editor-list-view-block__menu {
  margin-left: -$grid-unit-10;
  }
+ &.is-selected {
+ > td {
+ background: transparent;
+ }
+
+ .block-editor-list-view-block-contents {
+ color: inherit;
+ }
+
+ &:not(:hover) {
+ .block-editor-list-view-block__menu {
+ opacity: 0;
+ }
+ }
+
+ &:hover,
+ &:focus {
+ color: $white;
+
+ .block-editor-list-view-block__menu-cell {
+ opacity: 1;
+ }
+ }
+
+ .block-editor-list-view-block__menu {
+ opacity: 1;
+
+ &:focus {
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+ }
+ }
+ }
+
+ .block-editor-list-view-block-contents {
+ &:focus {
+ &::after {
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+ }
+ }
+ }
+
+ &.is-branch-selected:not(.is-selected):not(.is-synced-branch) {
+ background: transparent;
+
+ &:hover {
+ background: $gray-800;
+ }
+ }
  }
 
  .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell {