iridium/redsunlib
iridium/redsunlib
2
2
Fork 0
Code Issues 3 Pull Requests 1 Packages Projects Releases 5 Wiki Activity

Pad bottom of body to prevent footer collision (fixes #747)

Browse Source
This commit is contained in:
Daniel Valentine 2023-03-10 21:33:45 -07:00
parent aeeb066e47
commit aece392a86
No known key found for this signature in database
GPG Key ID: C82492E4FF813823
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
static/style.css
View File

@ -26,6 +26,8 @@
--popup-goback-background: var(--popup-red); --popup-goback-background: var(--popup-red);
--popup-goback-text: #222; --popup-goback-text: #222;
--popup-border: 1px solid var(--popup-red); --popup-border: 1px solid var(--popup-red);
--footer-height: 30px;
} }
@font-face { @font-face {
@ -99,6 +101,7 @@ body {
background: var(--background); background: var(--background);
font-size: 15px; font-size: 15px;
padding-top: 60px; padding-top: 60px;
padding-bottom: var(--footer-height);
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
position: relative; position: relative;
} }
@ -1505,7 +1508,10 @@ td, th {
/* Mobile */ /* Mobile */
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
body { padding-top: 120px } body {
padding-top: 120px;
padding-bottom: var(--footer-height);
}
main { main {
flex-direction: column-reverse; flex-direction: column-reverse;
@ -1547,7 +1553,10 @@ td, th {
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
body { padding-top: 100px; } body {
padding-top: 100px;
padding-bottom: var(--footer-height);
}
.post { .post {
grid-template: "post_header post_header post_thumbnail" auto grid-template: "post_header post_header post_thumbnail" auto