fix: footer not sticking to bottom of the page on IE (#451)

crisbeto · jelbourn · commit e6179b6f92b0 · 2018-05-16T14:44:44.000-07:00
Fixes the body container collapsing on IE, causing the footer to show up right under the navigation.
diff --git a/material.angular.io/src/app/pages/component-sidenav/component-sidenav.scss b/material.angular.io/src/app/pages/component-sidenav/component-sidenav.scss
@@ -106,14 +106,14 @@ app-component-sidenav {
 }
 
 .docs-component-sidenav-inner-content {
-  display: flex; 
+  display: flex;
   flex-direction: column;
   flex: 1;
 }
 
 .docs-component-sidenav-body-content {
   display: flex;
-  flex: 1;
+  flex: 1 1 auto;
 }
 
 @media (max-width: $small-breakpoint-width) {

Original file line number	Diff line number	Diff line change
`@@ -106,14 +106,14 @@ app-component-sidenav {`
`106`	`106`	`}`
`107`	`107`
`108`	`108`	`.docs-component-sidenav-inner-content {`
`109`		`- display: flex;`
	`109`	`+ display: flex;`
`110`	`110`	`flex-direction: column;`
`111`	`111`	`flex: 1;`
`112`	`112`	`}`
`113`	`113`
`114`	`114`	`.docs-component-sidenav-body-content {`
`115`	`115`	`display: flex;`
`116`		`- flex: 1;`
	`116`	`+ flex: 1 1 auto;`
`117`	`117`	`}`
`118`	`118`
`119`	`119`	`@media (max-width: $small-breakpoint-width) {`