From aece392a860157eab458795df54fcf86360a7622 Mon Sep 17 00:00:00 2001 From: Daniel Valentine Date: Fri, 10 Mar 2023 21:33:45 -0700 Subject: [PATCH] Pad bottom of body to prevent footer collision (fixes #747) --- static/style.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/static/style.css b/static/style.css index bfe41c4..d64ad67 100644 --- a/static/style.css +++ b/static/style.css @@ -26,6 +26,8 @@ --popup-goback-background: var(--popup-red); --popup-goback-text: #222; --popup-border: 1px solid var(--popup-red); + + --footer-height: 30px; } @font-face { @@ -99,6 +101,7 @@ body { background: var(--background); font-size: 15px; padding-top: 60px; + padding-bottom: var(--footer-height); min-height: calc(100vh - 60px); position: relative; } @@ -1505,7 +1508,10 @@ td, th { /* Mobile */ @media screen and (max-width: 800px) { - body { padding-top: 120px } + body { + padding-top: 120px; + padding-bottom: var(--footer-height); + } main { flex-direction: column-reverse; @@ -1547,7 +1553,10 @@ td, th { } @media screen and (max-width: 480px) { - body { padding-top: 100px; } + body { + padding-top: 100px; + padding-bottom: var(--footer-height); + } .post { grid-template: "post_header post_header post_thumbnail" auto