Less buggy solution to solving the floating footer problem
This commit is contained in:
parent
78e51eb11f
commit
b578b717d7
@ -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;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user