Fix min-height for wrapper + landing (#72)

do-community · Jan 23, 2024 · 81e5849 · 81e5849 · github-actions · Jan 23, 2024
1 parent 8a43fbd
commit 81e5849
Show file tree

Hide file tree

Showing 2 changed files with 2 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,7 @@ 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 {