fix: added footer compliance - responsive (#15718)

* fix: added footer compliance - responsive * docs: added comment
carbon-design-system · Feb 8, 2024 · 8d775dd · 8d775dd
1 parent 9616809
commit 8d775dd
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/react/.storybook/manager-head.html b/packages/react/.storybook/manager-head.html
@@ -84,6 +84,18 @@
     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;
+    }
+  }
+
   footer {
     position: absolute;
     bottom: 0;