Corrected styling for nav overlay (#2146)

* Corrected styling for nav overlay * updated storybook
WPMedia · May 28, 2024 · 9a4826d · 9a4826d
1 parent 8a5279e
commit 9a4826d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss
@@ -2010,10 +2010,11 @@
 				),
 				"header-nav-chain-flyout-overlay-open": (
 					"background": var(--header-nav-chain-overlay-background-color),
+					"block-size": calc(100vh - var(--header-nav-chain-height)),
+					"inline-size": 100%,
 					"overflow-y": scroll,
 					"overflow-block": scroll,
-					"transform": translate(0, 0),
-					"inline-size": calc(100vh - var(--header-nav-chain-height))
+					"transform": translate(0, 0)
 				),
 				"header-nav-chain-flyout-overlay-scrollbar": (
 					"display": none

diff --git a/blocks/header-nav-chain-block/themes/news.json b/blocks/header-nav-chain-block/themes/news.json
@@ -354,10 +354,11 @@
 		"styles": {
 			"default": {
 				"background": "var(--header-nav-chain-overlay-background-color)",
+				"block-size": "calc(100vh - var(--header-nav-chain-height))",
 				"overflow-y": "scroll",
 				"overflow-block": "scroll",
 				"transform": "translate(0, 0)",
-				"inline-size": "calc(100vh - var(--header-nav-chain-height))"
+				"inline-size": "100%"
 			},
 			"desktop": {}
 		}