Merge pull request #18 from ButteredCats/fix_footer
Less buggy solution to solving the floating footer problem
This commit is contained in:
commit
f50872a88c
@ -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 {
|
||||||
@ -112,13 +114,18 @@ pre, form, fieldset, table, th, td, select, input {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
|
padding-bottom: var(--footer-height);
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.card {
|
||||||
|
min-height: calc(100vh - 30px);
|
||||||
}
|
}
|
||||||
|
|
||||||
body.fixed_navbar {
|
body.fixed_navbar {
|
||||||
|
min-height: calc(100vh - 90px);
|
||||||
padding-top: 60px;
|
padding-top: 60px;
|
||||||
min-height: calc(100vh - 60px);
|
|
||||||
position: relative;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
@ -314,6 +321,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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user