From 8a979e674a8af630f5756ea96ae7d174c31ba690 Mon Sep 17 00:00:00 2001 From: Henri Date: Sat, 4 May 2024 20:16:25 +0200 Subject: [PATCH] No longer display footer if scrolling is needed --- src/wgfrontend/webroot/static/styles.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/wgfrontend/webroot/static/styles.css b/src/wgfrontend/webroot/static/styles.css index 66c05ae..bc0bfcc 100644 --- a/src/wgfrontend/webroot/static/styles.css +++ b/src/wgfrontend/webroot/static/styles.css @@ -10,6 +10,12 @@ html { color: #000; } +body { + min-height: 100vh; + display: flex; + flex-direction: column; +} + a { text-decoration: none; color: inherit; @@ -115,12 +121,11 @@ header h2 img { .user { color: blue; font-size: 14px; - text-align: right; } section { width: 100%; - display: flex; + flex: 1; padding: 10px 250px; background-color: #f3f3f3; } @@ -170,7 +175,6 @@ section { font-size: 14px; } - @media screen and (max-width: 1000px) { .table, .table-row { display: block; @@ -183,11 +187,7 @@ section { } } - footer { - position: fixed; - left: 0; - bottom: 0; width: 100%; background-color: #dddddd; color: blue; @@ -207,14 +207,14 @@ footer { @media screen and (max-width: 500px) { header { - flex-direction: column; + flex-direction: column; padding: 10px 10px; } header h2 { margin-bottom: 15px; } section { - flex-direction: column; + flex-direction: column; padding: 10px 10px; } }