gritter: Improve animations

fix recently introduced bug by myself where all gritter were removed when first removed.
Display container at the top
This commit is contained in:
Sebastian Castro 2020-04-06 18:21:39 +02:00 committed by muxator
parent 559a48221e
commit 9b60bb4d55
4 changed files with 41 additions and 51 deletions

View file

@ -1,3 +1,7 @@
#gritter-container {
top: 20px;
bottom: auto;
}
.gritter-item .popup-content {
color: white;
margin-bottom: 10px;
@ -7,7 +11,7 @@
margin: 0;
}
.gritter-item .gritter-title {
margin-bottom: 20px;
margin-bottom: 10px;
}
.gritter-item .gritter-close {
margin-left: 10px;
@ -21,4 +25,13 @@
margin-top: 10px;
margin-bottom: 0;
}
}
.gritter-item.popup > .popup-content {
transform: scale(0.8) translateY(-100px);
}
.gritter-item.popup.popup-show > .popup-content {
transform: scale(1) translateY(0);
transition: all 0.4s cubic-bezier(0.74, -0.05, 0.27, 1.75)
}