diff --git a/src/components/backdrop/backdrop-theme.scss b/src/components/backdrop/backdrop-theme.scss index e8baa55ac23..67d3797c836 100644 --- a/src/components/backdrop/backdrop-theme.scss +++ b/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 } diff --git a/src/components/bottomSheet/_bottomSheet.scss b/src/components/bottomSheet/_bottomSheet.scss index 6accede34a0..77630aca9ec 100644 --- a/src/components/bottomSheet/_bottomSheet.scss +++ b/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; diff --git a/src/components/dialog/_dialog.scss b/src/components/dialog/_dialog.scss index ce969b93266..0179b16a7af 100644 --- a/src/components/dialog/_dialog.scss +++ b/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; diff --git a/src/components/toast/_toast.scss b/src/components/toast/_toast.scss index df815f70d31..ee90c6e8ff2 100644 --- a/src/components/toast/_toast.scss +++ b/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; diff --git a/src/components/toast/demoBasicUsage/index.html b/src/components/toast/demoBasicUsage/index.html index a22ade6dd87..61cac3d8e4b 100644 --- a/src/components/toast/demoBasicUsage/index.html +++ b/src/components/toast/demoBasicUsage/index.html @@ -1,4 +1,4 @@ -
+

Toast can be dismissed with a swipe, a timer, or a button.

diff --git a/src/components/toast/toast.js b/src/components/toast/toast.js index 0b2846279f3..29b8443aad7 100644 --- a/src/components/toast/toast.js +++ b/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);