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

Fix sticky footer to work on index page (#674)

Browse source 
* fixing sticky footer not being sticky

* remove unneeded flex rules

* Revert "remove unneeded flex rules"

This reverts commit 9b8d1809ca.

* adding flex-grow to first-child

* adding min-height in 'vh' to .navPusher for it to work on IE11
This commit is contained in:
Noam Elboim 2018-05-21 08:31:45 +03:00 • committed by Yangshun Tay
parent 1332e067c4
commit 67c84c185c
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1852,12 +1852,17 @@ footer .social {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 50px; padding-top: 50px;
min-height: calc(100vh - 50px);
} }
.docMainWrapper { .docMainWrapper {
flex-grow: 1;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
/* those make the footer sticky and work even in IE 11 */
.navPusher > :first-child {
flex-grow: 1;
}
footer.nav-footer { footer.nav-footer {
flex-shrink: 0; flex-shrink: 0;
} }