mirrors/redlib
1
0
Fork 0
mirror of https://github.com/redlib-org/redlib.git synced 2025-04-03 04:57:38 +03:00
Code Issues Projects Releases Packages 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
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-text: #222;
--popup-border: 1px solid var(--popup-red);
--footer-height: 30px;
}
@font-face {
@ -115,12 +117,16 @@ body {
font-size: 15px;
}
body.fixed_navbar {
padding-top: 60px;
body.card, body.fixed_navbar {
padding-bottom: var(--footer-height);
min-height: calc(100vh - 60px);
position: relative;
}
body.fixed_navbar {
padding-top: 60px;
}
nav {
display: grid;
grid-template-areas: "logo searchbox links";
@ -314,6 +320,7 @@ body > footer {
align-items: center;
width: 100%;
background: var(--post);
position: absolute;
bottom: 0;
}