3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-08 22:03:01 +02:00
Code Issues Projects Releases Packages Wiki Activity

Implement sticky footer using flexbox (#637)

Browse source 
Implemented the solution provided [here](https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/) to allow the footer to stick downward no matter how much content the page contain.
This commit is contained in:
Ahmad Alfy 2018-05-06 02:56:43 +02:00 • committed by Yangshun Tay
parent 5771549e75
commit b220ec2f23
1 changed files with 24 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

24
lib/static/css/main.css
View file

@ -1834,3 +1834,27 @@ footer .copyright {
display: none; display: none;
} }
} }
@media screen and (min-width: 736px) {
body {
display: flex;
flex-direction: column;
}
.fixedHeaderContainer {
flex-shrink: 0;
}
.navPusher {
flex-grow: 1;
display: flex;
flex-direction: column;
padding-top: 50px;
}
.docMainWrapper {
flex-grow: 1;
width: 100%;
box-sizing: border-box;
}
footer.nav-footer {
flex-shrink: 0;
}
}