fix(demos): dialog, bottomsheet, and toast now display within properl…

…y within the bounding demo area

src/components/backdrop/backdrop-theme.scss

@@ -2,4 +2,5 @@ $backdrop-color: rgba(0,0,0,0.3);
 
 md-backdrop.md-opaque.md-#{$theme-name}-theme {
   background-color: $backdrop-color;
+  position:absolute
 }

src/components/bottomSheet/_bottomSheet.scss

@@ -7,7 +7,7 @@ $bottom-sheet-header-height: 7 * $baseline-grid;
 $bottom-sheet-grid-font-weight: 300;
 
 md-bottom-sheet {
-  position: fixed;
+  position: absolute;
   left: 0;
   right: 0;
   bottom: 0;

src/components/dialog/_dialog.scss

@@ -2,7 +2,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  position: fixed;
+  position: absolute;
   left: 0;
   top: 0;
   right: 0;

src/components/toast/_toast.scss

@@ -1,6 +1,7 @@
 // See height set globally, depended on by buttons
 md-toast {
-  display: flex;
+  display: block;
+  position:absolute;
   box-sizing: border-box;
   align-items: center;
 
@@ -13,7 +14,6 @@ md-toast {
   font-size: 14px;
   cursor: default;
 
-  position: fixed;
   max-width: 879px;
   max-height: 40px;
 

src/components/toast/demoBasicUsage/index.html

@@ -1,4 +1,4 @@
-<div ng-controller="AppCtrl">
+<div ng-controller="AppCtrl" style="position:absolute;display: block; width: 100%">
   <div style="padding: 24px;">
     <p>Toast can be dismissed with a swipe, a timer, or a button.</p>
     <div class="inset" layout="vertical" layout-sm="horizontal" layout-align="center">

src/components/toast/toast.js

@@ -126,7 +126,7 @@ function MdToastService($timeout, $$interimElement, $animate, $mdSwipe, $mdThemi
     onRemove: onRemove,
     position: 'bottom left',
     themable: true,
-    hideDelay: 3000,
+    hideDelay: 3000
   };
 
   var $mdToast = $$interimElement(factoryDef);