Fix min-height for wrapper + landing

do-community · Jan 23, 2024 · 86f5085 · 86f5085
1 parent 8a43fbd
commit 86f5085
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/_base.scss b/src/components/_base.scss
@@ -77,7 +77,6 @@ figure {
   flex-direction: column;
   line-height: $line-height;
   margin: 0;
-  min-height: 100vh;
   padding: 0;
   text-rendering: optimizeLegibility;
 

diff --git a/src/components/_landing.scss b/src/components/_landing.scss
@@ -1,5 +1,5 @@
 /*
-Copyright 2022 DigitalOcean
+Copyright 2024 DigitalOcean
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -17,7 +17,11 @@ limitations under the License.
 .landing {
   display: flex;
   flex-direction: column;
-  min-height: calc(100vh - 171px); // Account for Community nav height
+  min-height: calc(100vh - (
+    var(--top-hat-height, 0px) +
+    var(--primary-nav-height, 0px) +
+    var(--sub-nav-height, 0px)
+  )); // Account for Community nav height
   position: relative;
 
   .container {