コアブロックのナビゲーションメニューの縦並び時の不具合修正

assets/_scss/_navigation.scss

@@ -75,7 +75,7 @@
 	border: none; // コアが border を付与してくるので打ち消す
 }
 
-.wp-block-navigation__responsive-container{
+.wp-block-navigation {
 	&:not(.has-modal-open) {
 		.wp-block-navigation__submenu-container {
 			z-index: 99999; // .crolled-header-fixed specified z-index: 9999; so If less than 9999 that submenu loses to the fix header in the edit screen
@@ -119,14 +119,29 @@
 		}
 	}
 }
+
+footer .wp-block-navigation .wp-block-navigation__submenu-container {
+	width: 100%;
+
+	.wp-block-navigation-item {
+
+		.wp-block-navigation-item a:not(.wp-element-button),
+		.wp-block-navigation-submenu a:not(.wp-element-button),
+		.wp-block-navigation-submenu button.wp-block-navigation-item__content,
+		.wp-block-pages-list__item button.wp-block-navigation-item__content {
+			padding-top: .25rem;
+			padding-bottom: .25rem;
+		}
+	}
+}
 
 /****************************************************** 
  * Navigation Modal Styles
  */
 .has-modal-open {
 	:where(.wp-block-navigation__container, .wp-block-page-list) {
 		--wp--style--block-gap: 0;
-
+		gap: 0;
 		&,
 		li,
 		li .wp-block-navigation-item__content {
@@ -203,16 +218,21 @@
 .wp-block-navigation.is-vertical {
 	:where(.wp-block-navigation__container, .wp-block-page-list) {
 		--wp--style--block-gap: 0;
-		gap: 0;
+		gap: inherit;
 		width: 100%;
 	}
 
+	> .wp-block-navigation-item {
+		width: 100%;
+		display: block;
+		box-sizing: border-box;
+	}
+
 	.items-justified-right .wp-block-navigation-item {
 		text-align: end;
 	}
 
 	.wp-block-navigation-item {
-		width: initial;
 		display: block;
 		box-sizing: border-box;
 
@@ -225,19 +245,24 @@
 		}
 	}
 
+	.wp-block-navigation-item {
+		position: relative;
+	}
+
 	.wp-block-navigation__submenu-container {
 		display: block;
 		height: auto;
 		width: 100%;
-		position: relative;
+		position: absolute;
 		opacity: 1;
-		visibility: visible;
-		background: none;
+		visibility: hidden;
+		color: initial;
+		transition: opacity .1s linear;
 	}
 
 	@media (min-width: 782px) {
 		.has-child .wp-block-navigation__submenu-container {
 			left: 0;
 		}
 	}
-}
+}

readme.txt

@@ -13,6 +13,10 @@ GitHub : https://github.com/vektor-inc/x-t9
 
 == Changelog ==
 
+
+[ Design Tuning ]　Adjustment when using submenus in core block navigation.
+[ Bug Fix ] Fixed a bug where the core block navigation's gap was not being applied.
+
 1.27.1
 [ Design Bug Fix ] Fixed an issue where constrained blocks were misaligned inside full-width blocks.
 [ Design Bug Fix ][ navigation ] Adjusted to override the WordPress core CSS of wp-block-navigation__submenu-container when the .has-vk-color-primary-background-color class is assigned. (for VK pattern library)