From 4a3c66fe2261a69c742599499926efcd3505c377 Mon Sep 17 00:00:00 2001
From: Stefanie Fluin <sjtrimble@gmail.com>
Date: Sun, 16 Apr 2017 03:10:17 -0700
Subject: [PATCH] feat(aio): fixed sidenav, moved footer inside of sidenav
 container (#16028)

When content pages were short, the footer would take up a large part
of the display area and the side nav would look like it was shorter than
it really was.

This change moves the footer into the main content area so that the
nav always extends to the full length the browser.
---
 aio/src/app/app.component.html         | 8 +++++---
 aio/src/styles/1-layouts/_sidenav.scss | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/aio/src/app/app.component.html b/aio/src/app/app.component.html
index e0370e8813..4b9daad644 100644
--- a/aio/src/app/app.component.html
+++ b/aio/src/app/app.component.html
@@ -21,10 +21,12 @@
     <aio-dt [on]="dtOn" [(doc)]="currentDocument"></aio-dt>
   </section>
 
+  <footer>
+    <aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
+  </footer>
+
 </md-sidenav-container>
 
 <aio-search-results #searchResults></aio-search-results>
 
-<footer>
-  <aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
-</footer>
+
diff --git a/aio/src/styles/1-layouts/_sidenav.scss b/aio/src/styles/1-layouts/_sidenav.scss
index 1a6f9acb42..69bdd563a5 100644
--- a/aio/src/styles/1-layouts/_sidenav.scss
+++ b/aio/src/styles/1-layouts/_sidenav.scss
@@ -3,11 +3,13 @@ aio-nav-menu.top-menu .vertical-menu-item  {
   text-transform: uppercase;
 }
 
-.mat-sidenav.sidenav {
-  box-shadow: 6px 0 6px rgba(0,0,0,0.10);
-  background-color: $offwhite;
+md-sidenav.mat-sidenav.sidenav {
+  position: fixed;
+  bottom: 0;
   padding: 80px 0px 0px;
   min-width: 260px;
+  background-color: $offwhite;
+  box-shadow: 6px 0 6px rgba(0,0,0,0.10);
 }
 
 md-sidenav.mat-sidenav.sidenav.collapsed {