iridium/redsunlib
iridium/redsunlib
2
2
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 4 Wiki Activity

Less buggy solution to solving the floating footer problem

Browse Source
This commit is contained in:
Butter Cat 2024-01-06 03:49:38 +00:00 committed by GitHub
parent 78e51eb11f
commit b578b717d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
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 {
@ -115,12 +117,16 @@ body {
font-size: 15px; font-size: 15px;
} }
body.fixed_navbar { body.card, body.fixed_navbar {
padding-top: 60px; padding-bottom: var(--footer-height);
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
position: relative; position: relative;
} }
body.fixed_navbar {
padding-top: 60px;
}
nav { nav {
display: grid; display: grid;
grid-template-areas: "logo searchbox links"; grid-template-areas: "logo searchbox links";
@ -314,6 +320,7 @@ body > footer {
align-items: center; align-items: center;
width: 100%; width: 100%;
background: var(--post); background: var(--post);
position: absolute;
bottom: 0; bottom: 0;
} }