Align the nested menu with the parent menu

WordPress · May 8, 2020 · 4450195 · 4450195
1 parent 2d53413
commit 4450195
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
@@ -25,9 +25,10 @@
 
 // Styles for submenu flyout
 .has-child {
+	$navigation-vertical-padding: $grid-unit-10 * 0.75;
 	.wp-block-navigation__container {
 		border: $border-width solid rgba(0, 0, 0, 0.15);
-		padding: $grid-unit-10 * 0.75 0;
+		padding: $navigation-vertical-padding 0;
 		background-color: inherit;
 		color: inherit;
 		position: absolute;
@@ -56,7 +57,7 @@
 			// Nested submenus sit to the left on large breakpoints
 			.wp-block-navigation__container {
 				left: 100%;
-				top: -$border-width;
+				top: -$border-width - $navigation-vertical-padding;
 			}
 
 			.wp-block-navigation-link__submenu-icon svg {