From b03072df790e396514cee7147e04d4bbe69fac6c Mon Sep 17 00:00:00 2001 From: James Koster Date: Wed, 8 Mar 2023 15:29:01 +0000 Subject: [PATCH 1/2] Style adjustments --- .../style.scss | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) 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 index f8640ff847221d..7e9d05d1fcde8f 100644 --- 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,31 @@ .block-editor-list-view-block__menu { margin-left: -$grid-unit-10; } + &.is-selected { + td { + background: transparent; + } + + .block-editor-list-view-block-contents { + color: inherit; + } + + .block-editor-list-view-block__menu-cell { + opacity: 0; + } + + &:hover { + color: $white; + + .block-editor-list-view-block__menu-cell { + opacity: 1; + } + } + } + + &.is-branch-selected:not(.is-selected):not(.is-synced-branch) { + background: transparent; + } } .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell { From bb94af0c4df9bf8dd13b0b64c161673d6e56f8db Mon Sep 17 00:00:00 2001 From: James Koster Date: Wed, 8 Mar 2023 16:39:05 +0000 Subject: [PATCH 2/2] Styling adjustments continued --- .../style.scss | 31 ++++++++++++++++--- 1 file changed, 27 insertions(+), 4 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 index 7e9d05d1fcde8f..a88f0f049bc0bc 100644 --- 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 @@ -35,7 +35,7 @@ margin-left: -$grid-unit-10; } &.is-selected { - td { + > td { background: transparent; } @@ -43,21 +43,44 @@ color: inherit; } - .block-editor-list-view-block__menu-cell { - opacity: 0; + &:not(:hover) { + .block-editor-list-view-block__menu { + opacity: 0; + } } - &:hover { + &: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; + } } }