Sfoglia il codice sorgente

Blockbase: Update navigation justification (#6580)

* Blockbase: Update navigation justification

* fix alignment of level 2, 3 and more menus

Co-authored-by: madhusudhand <madhusudhan.dollu@gmail.com>
Takashi Irie 2 anni fa
parent
commit
603a7a103a
2 ha cambiato i file con 6 aggiunte e 6 eliminazioni
  1. 3 3
      blockbase/assets/ponyfill.css
  2. 3 3
      blockbase/sass/blocks/_navigation.scss

+ 3 - 3
blockbase/assets/ponyfill.css

@@ -402,18 +402,18 @@ input[type=checkbox] + label {
   font-size: var(--wp--preset--font-size--medium);
 }
 .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__responsive-container-content {
-  align-items: flex-start;
+  align-items: var(--navigation-layout-justification-setting, flex-start);
   justify-content: space-between;
   flex-wrap: nowrap;
 }
 .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__container {
   row-gap: 0.5rem;
-  align-items: flex-start;
+  align-items: var(--navigation-layout-justification-setting, flex-start);
   flex: unset;
   padding-bottom: 0;
 }
 .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation-item {
-  align-items: flex-start;
+  align-items: var(--navigation-layout-justification-setting, flex-start);
 }
 .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
   font-size: var(--wp--custom--font-sizes--normal);

+ 3 - 3
blockbase/sass/blocks/_navigation.scss

@@ -29,20 +29,20 @@
 		font-size: var(--wp--preset--font-size--medium);
 
 		.wp-block-navigation__responsive-container-content {
-			align-items: flex-start;
+			align-items: var(--navigation-layout-justification-setting, flex-start);
 			justify-content: space-between;
 			flex-wrap: nowrap;
 		}
 
 		.wp-block-navigation__container {
 			row-gap: 0.5rem;
-			align-items: flex-start;
+			align-items: var(--navigation-layout-justification-setting, flex-start);
 			flex: unset;
 			padding-bottom: 0;
 		}
 
 		.wp-block-navigation-item {
-			align-items: flex-start;
+			align-items: var(--navigation-layout-justification-setting, flex-start);
 		}
 
 		.wp-block-navigation__responsive-container-content .has-child { // Needed for specificity to beat the navigation block CSS