Footer @ bottom of page

[lorensr]

If content is shorter than window height, footer should be at bottom of window. Otherwise it should be bottom of content. Couldn't figure out how to do this in CSS. Is it possible? If not, we can do it w/ JS.

[lorensr]

I'm not near a computer but you can do this with css by setting the body's min-height to be 100% of the screen and the footer absolutely positioned at the bottom of the screen. And make sure the body's width is defined at 100% and the position is relative or absolute. Hope this helps!!
-Rennie

Our CSS is a bit complex due to the polymer menu/drawer for small screens

• making body positioned makes #full-width disappear on small screen
• adding width: 100% to #full-width makes it unscrollable

My changes:

57a70fa

On pages with a lot of content, the gray footer is in middle:

Adding min-height: 100%; to #full-width doesn't help.

Feel free to commit directly to devel branch! Then we can merge into gh-pages when it's in a working state.

[lorensr]

@hagata If this is easy. Prior comments were for someone else. Committing to gh-pages is fine.

[lorensr]

https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/