Skip to content

Commit

Permalink
Fix sticky footer to work on index page (#674)
Browse files Browse the repository at this point in the history
* fixing sticky footer not being sticky

* remove unneeded flex rules

* Revert "remove unneeded flex rules"

This reverts commit 9b8d180.

* adding flex-grow to first-child

* adding min-height in 'vh' to .navPusher for it to work on IE11
  • Loading branch information
NoamELB authored and yangshun committed May 21, 2018
1 parent 1332e06 commit 67c84c1
Showing 1 changed file with 6 additions and 1 deletion.
7 changes: 6 additions & 1 deletion lib/static/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -1852,12 +1852,17 @@ footer .social {
display: flex;
flex-direction: column;
padding-top: 50px;
min-height: calc(100vh - 50px);
}
.docMainWrapper {
flex-grow: 1;
width: 100%;
box-sizing: border-box;
}

/* those make the footer sticky and work even in IE 11 */
.navPusher > :first-child {
flex-grow: 1;
}
footer.nav-footer {
flex-shrink: 0;
}
Expand Down

0 comments on commit 67c84c1

Please sign in to comment.