fix(backdrop): use absolute positioning and anchors

css changes work better with sideNav, dialogs, and menus.
fix opaque rendering for dialog backdrops

Author: ThomasBurleson

src/components/backdrop/backdrop.scss

@@ -18,8 +18,9 @@ md-backdrop {
 
   background-color: rgba(0,0,0,0);
 
-  position: fixed;
+  position: absolute;
   height: 100%;
+  bottom:0;
   left: 0;
   right: 0;
 
@@ -32,7 +33,11 @@ md-backdrop {
     animation: $swift-ease-out-timing-function mdBackdropFadeIn 0.5s both;
   }
   &.ng-leave {
-    animation: $swift-ease-in-timing-function mdBackdropFadeOut 0.2s both;
+    animation: $swift-ease-in-timing-function mdBackdropFadeOut 0.4s both;
+  }
+
+  &.md-opaque {
+    background-color: rgba(0,0,0,0.42);
   }
 }
 

src/components/sidenav/sidenav.scss

@@ -4,15 +4,15 @@ $sidenav-min-space: 56px !default;
 md-sidenav {
   box-sizing: border-box;
   position: absolute;
+  flex-direction: column;
+  z-index: $z-index-sidenav;
 
   width: $sidenav-default-width;
   min-width: $sidenav-default-width;
   max-width: $sidenav-default-width;
   bottom: 0;
-  z-index: $z-index-sidenav;
   background-color: white;
   overflow: auto;
-  flex-direction: column;
 
   *,
   *:before,