Skip to content
This repository has been archived by the owner on Jul 11, 2019. It is now read-only.

Commit

Permalink
reorg: Default position for Snackbar is now bottom left
Browse files Browse the repository at this point in the history
  • Loading branch information
MikeMitterer committed Oct 27, 2017
1 parent 832ac5d commit c0e456b
Show file tree
Hide file tree
Showing 4 changed files with 11 additions and 21 deletions.
8 changes: 4 additions & 4 deletions lib/assets/styles/dialog/_dialog.scss
Expand Up @@ -48,16 +48,16 @@
opacity : 1;
}

transition : $dialog-swift-ease-out-duration;
transform : translate3d(0, 0, 0) scale(1.0);
//transition : $dialog-swift-ease-out-duration;
//transform : translate3d(0, 0, 0) scale(1.0);
}
}

&.is-hidden {
.mdl-dialog {
// hidden
transition : $dialog-swift-ease-out;
transform : translate3d(0, 100%, 0) scale(0.2);
//transition : $dialog-swift-ease-out;
//transform : translate3d(0, 100%, 0) scale(0.2);
}
}

Expand Down
14 changes: 2 additions & 12 deletions lib/assets/styles/material.css
Expand Up @@ -7143,18 +7143,8 @@ input[name^='mdl-accordion']:checked ~ .mdl-accordion--content {
.mdl-dialog-container.is-visible, .mdl-datepicker-container.is-visible, .mdl-timepicker-container.is-visible {
background-color: rgba(0, 0, 0, 0.25);
visibility: visible; }
.mdl-dialog-container.is-visible .mdl-dialog, .mdl-datepicker-container.is-visible .mdl-dialog, .mdl-timepicker-container.is-visible .mdl-dialog {
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
.mdl-dialog-container.is-visible .mdl-dialog.animation.last-state, .mdl-datepicker-container.is-visible .mdl-dialog.animation.last-state, .mdl-timepicker-container.is-visible .mdl-dialog.animation.last-state {
opacity: 1; }
.mdl-dialog-container.is-hidden .mdl-dialog, .mdl-datepicker-container.is-hidden .mdl-dialog, .mdl-timepicker-container.is-hidden .mdl-dialog {
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transform: translate3d(0, 100%, 0) scale(0.2);
transform: translate3d(0, 100%, 0) scale(0.2); }
.mdl-dialog-container.is-visible .mdl-dialog.animation.last-state, .mdl-datepicker-container.is-visible .mdl-dialog.animation.last-state, .mdl-timepicker-container.is-visible .mdl-dialog.animation.last-state {
opacity: 1; }
.mdl-dialog-container > .mdl-dialog, .mdl-datepicker-container > .mdl-dialog, .mdl-timepicker-container > .mdl-dialog {
pointer-events: none; }
.mdl-dialog-container > .mdl-dialog:last-of-type, .mdl-datepicker-container > .mdl-dialog:last-of-type, .mdl-timepicker-container > .mdl-dialog:last-of-type {
Expand Down
2 changes: 1 addition & 1 deletion lib/assets/styles/material.min.css

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions lib/src/dialog/MaterialSnackbar.dart
Expand Up @@ -23,10 +23,10 @@ class _SnackbarConfig extends DialogConfig {

/// Position on Screen or in container
class SnackbarPosition {
bool _top = true;
bool _right = true;
bool _bottom = false;
bool left = false;
bool _top = false;
bool _right = false;
bool _bottom = true;
bool left = true;

bool get top => _top || bottom ? _top : true;
bool get right => _right || left ? _right : true;
Expand Down

0 comments on commit c0e456b

Please sign in to comment.