From 3774f584703dbfa70de99d3c1eea419b8a812430 Mon Sep 17 00:00:00 2001 From: guidari Date: Thu, 8 Feb 2024 10:19:48 -0300 Subject: [PATCH 1/2] fix: added footer compliance - responsive --- packages/react/.storybook/manager-head.html | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/packages/react/.storybook/manager-head.html b/packages/react/.storybook/manager-head.html index ec5dd3a1404c..827bd6f08127 100644 --- a/packages/react/.storybook/manager-head.html +++ b/packages/react/.storybook/manager-head.html @@ -84,6 +84,16 @@ display: none; } + #root > div { + height: calc(100vh - 48px); + } + + @media (max-width: 671px) { + nav[class^='css-'] { + height: 281px; + } + } + footer { position: absolute; bottom: 0; From 9051c15c374d23024917644d9ef46f2b68332146 Mon Sep 17 00:00:00 2001 From: guidari Date: Thu, 8 Feb 2024 10:27:13 -0300 Subject: [PATCH 2/2] docs: added comment --- packages/react/.storybook/manager-head.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/react/.storybook/manager-head.html b/packages/react/.storybook/manager-head.html index 827bd6f08127..fbf0af6d7d50 100644 --- a/packages/react/.storybook/manager-head.html +++ b/packages/react/.storybook/manager-head.html @@ -84,10 +84,12 @@ display: none; } + /* This style is required because of the compliance footer */ #root > div { height: calc(100vh - 48px); } + /* This style is required because of the compliance footer in smaller screens */ @media (max-width: 671px) { nav[class^='css-'] { height: 281px;