Fix issue with justification and responsive container.

WordPress · Nov 11, 2021 · b5f5a5c · b5f5a5c
1 parent e04c8b0
commit b5f5a5c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/block-library/src/navigation-submenu/style.scss b/packages/block-library/src/navigation-submenu/style.scss
@@ -14,6 +14,10 @@ button.wp-block-navigation-item__content {
 	font-size: inherit;
 	font-family: inherit;
 	line-height: inherit;
+
+	// Buttons default to center alignment. This becomes visible
+	// when a menu item label is long enough to wrap.
+	text-align: left;
 }
 
 .wp-block-navigation-submenu__toggle {

diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
@@ -380,6 +380,9 @@
 			overflow: auto;
 			padding: 0;
 
+			// Always vertically align to the top.
+			justify-content: flex-start;
+
 			.wp-block-navigation__submenu-icon {
 				display: none;
 			}