Fix navigation block styles in the navigation editor (#29748)

WordPress · Mar 11, 2021 · 647a41c · 647a41c
1 parent b931043
commit 647a41c
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/edit-navigation/src/components/editor/style.scss b/packages/edit-navigation/src/components/editor/style.scss
@@ -21,6 +21,10 @@
 	.wp-block-navigation-link {
 		display: block;
 
+		&.has-child:hover > .wp-block-navigation-link__container {
+			display: none;
+		}
+
 		// Fix focus outlines
 		&.is-selected > .wp-block-navigation-link__content,
 		&.is-selected:hover > .wp-block-navigation-link__content {
@@ -75,14 +79,16 @@
 	}
 
 	// Override Nav block styling for deeply nested submenus.
-	.has-child .wp-block-navigation__container .wp-block-navigation__container {
+	.has-child .wp-block-navigation__container .wp-block-navigation__container,
+	.has-child .wp-block-navigation__container .wp-block-navigation-link__container {
 		left: auto;
 	}
 
 	// When editing a link with children, highlight the parent
 	// and adjust the spacing and submenu icon.
 	.wp-block-navigation-link.has-child.is-editing {
-		> .wp-block-navigation__container {
+		> .wp-block-navigation__container,
+		> .wp-block-navigation-link__container {
 			opacity: 1;
 			visibility: visible;
 			position: relative;