Browse Source

Blockbase: Fix navigation (#5128)

Ben Dwyer 3 years ago
parent
commit
ecb31ac575
2 changed files with 8 additions and 0 deletions
  1. 4 0
      blockbase/assets/ponyfill.css
  2. 4 0
      blockbase/sass/blocks/_navigation.scss

+ 4 - 0
blockbase/assets/ponyfill.css

@@ -491,6 +491,10 @@ ol {
 	font-size: var(--wp--preset--font-size--medium);
 	font-size: var(--wp--preset--font-size--medium);
 }
 }
 
 
+.wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open .wp-block-navigation__responsive-container-content {
+	align-items: flex-start;
+}
+
 .wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open .wp-block-navigation__container {
 .wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open .wp-block-navigation__container {
 	row-gap: 0.5rem;
 	row-gap: 0.5rem;
 	align-items: flex-start;
 	align-items: flex-start;

+ 4 - 0
blockbase/sass/blocks/_navigation.scss

@@ -25,6 +25,10 @@
 	&.is-responsive .is-menu-open {
 	&.is-responsive .is-menu-open {
 		font-size: var(--wp--preset--font-size--medium);
 		font-size: var(--wp--preset--font-size--medium);
 
 
+		.wp-block-navigation__responsive-container-content {
+			align-items: flex-start;
+		}
+
 		.wp-block-navigation__container {
 		.wp-block-navigation__container {
 			row-gap: 0.5rem;
 			row-gap: 0.5rem;
 			align-items: flex-start;
 			align-items: flex-start;