From e10172c892df6f94b5e1e609ae91d37cf96844f6 Mon Sep 17 00:00:00 2001
From: Robert Messerle <robertmesserle@gmail.com>
Date: Fri, 24 Jun 2016 11:55:59 -0700
Subject: [PATCH] fix(sidenav): md-content now fills height (#703)

move overflow from `md-sidenav-layout` to `md-content`
stretches `md-content` to fill available height

closes #606
---
 src/components/sidenav/sidenav.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/sidenav/sidenav.scss b/src/components/sidenav/sidenav.scss
index c598ad2fa23..96cde4db078 100644
--- a/src/components/sidenav/sidenav.scss
+++ b/src/components/sidenav/sidenav.scss
@@ -60,7 +60,6 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
   @include md-stacking-context();
 
   box-sizing: border-box;
-  overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 
   // TODO(hansl): Update this with a more robust solution.
@@ -76,7 +75,7 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
   display: block;
 
   // Hide the sidenavs when they're closed.
-  overflow-x: hidden;
+  overflow: hidden;
 
   & > .md-sidenav-backdrop {
     @include md-sidenav-fullscreen();
@@ -103,13 +102,15 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
     @include md-stacking-context();
 
     display: block;
+    height: 100%;
+    overflow: auto;
   }
 
   > md-sidenav {
     @include md-stacking-context();
 
     display: block;
-    position: fixed;
+    position: absolute;
     top: 0;
     bottom: 0;
     z-index: 3;