mirror of
https://github.com/spikecodes/libreddit
synced 2024-12-25 18:15:16 +01:00
Pad bottom of body to prevent footer collision (fixes #747)
This commit is contained in:
parent
aeeb066e47
commit
aece392a86
@ -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 {
|
||||
@ -99,6 +101,7 @@ body {
|
||||
background: var(--background);
|
||||
font-size: 15px;
|
||||
padding-top: 60px;
|
||||
padding-bottom: var(--footer-height);
|
||||
min-height: calc(100vh - 60px);
|
||||
position: relative;
|
||||
}
|
||||
@ -1505,7 +1508,10 @@ td, th {
|
||||
/* Mobile */
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
body { padding-top: 120px }
|
||||
body {
|
||||
padding-top: 120px;
|
||||
padding-bottom: var(--footer-height);
|
||||
}
|
||||
|
||||
main {
|
||||
flex-direction: column-reverse;
|
||||
@ -1547,7 +1553,10 @@ td, th {
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
body { padding-top: 100px; }
|
||||
body {
|
||||
padding-top: 100px;
|
||||
padding-bottom: var(--footer-height);
|
||||
}
|
||||
|
||||
.post {
|
||||
grid-template: "post_header post_header post_thumbnail" auto
|
||||
|
Loading…
Reference in New Issue
Block a user