Made the footer stay at the bottom when resizing the window (#284)

* Made the footer stay at the bottom when resizing the window Co-authored-by: ge78fug <[email protected]>
TUM-Dev · Nov 11, 2022 · 61b8cd3 · 61b8cd3
1 parent 7065258
commit 61b8cd3
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/webclient/src/main.scss b/webclient/src/main.scss
@@ -2,12 +2,10 @@
 
 /* === General === */
 html {
-    height: 100%;
     scroll-behavior: smooth;
 }
 
 body {
-    min-height: 80%;  // optimized for desktop view, not really relevant on mobile
     position: relative;
 
     &.no-scroll {
@@ -234,6 +232,10 @@ body {
 }
 
 /* === Content === */
+#content {
+    min-height: calc(100vh - 200px);
+}
+
 #content-header {
     margin-top: 70px;  // 10px + 60px for header
 }
@@ -306,10 +308,10 @@ body {
 footer {
     padding: 8px 0 16px;
     background: $footer-color;
-    bottom: -130px;
-    position: absolute;
-    left: 0;
-    right: 0;
+    position: relative;
+    left:0;
+    right:0;
+    top:0;
     text-align: center;
 
     .links {