From 9a4826d7c38aadbb8b091f74afdfc9f68db400c1 Mon Sep 17 00:00:00 2001 From: Vito Galatro Date: Tue, 28 May 2024 10:11:43 -0400 Subject: [PATCH] Corrected styling for nav overlay (#2146) * Corrected styling for nav overlay * updated storybook --- .storybook/themes/news.scss | 5 +++-- blocks/header-nav-chain-block/themes/news.json | 3 ++- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss index 4a4167fe8..b3c784a92 100644 --- 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 index e60164b3c..832462f0e 100644 --- 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": {} }