snipette/weflock
snipette/weflock
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make the footer stick to bottom

Browse source 
Currently, the footer doesn't stick to the bottom of the viewport when the page content is small. This fixes the issue by making the <main> element fill the remaining space
This commit is contained in:
Sodbileg Gansukh 2021-05-10 14:20:40 +08:00
parent 5013c91f1a
commit 5adeaa458b
3 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/built/screen.css
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View file

File diff suppressed because one or more lines are too long

4
assets/css/screen.css
View file

@ -68,6 +68,10 @@ production stylesheet in assets/built/screen.css
min-height: 100vh; min-height: 100vh;
} }
.viewport > main {
flex-grow: 1;
}
/* Full width page blocks */ /* Full width page blocks */
.outer { .outer {
position: relative; position: relative;