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,19 +1,20 @@
#gritter-container {
position: absolute;
bottom: 0;
right: 0;
left: 0;
right: 50%;
transform: translateX(50%);
text-align: center;
z-index: 9999;
}
.gritter-item.popup {
position: relative;
max-width: 400px;
min-width: 0;
margin: 0 auto;
max-width: 450px;
visibility: visible;
right: auto;
left: auto;
top: auto;
bottom: auto;
}
.gritter-item .popup-content {
display: flex;
@ -24,14 +25,9 @@
}
.gritter-item .gritter-close {
display: none;
align-self: center;
}
.gritter-item.sticky .gritter-close {
display: block;
}
.gritter-item.error .popup-content {
color: #a84341;
background-color: #eed3d4;