etherpad-lite/src/static/css/pad/gritter.css
Sebastian Castro b06324ad80 css: improve gritters
- have two containers, one of the top, on of the bottom;
- remove gritting chat message when opening the chat.
2020-04-19 03:03:44 +02:00

49 lines
No EOL
763 B
CSS

#gritter-container {
position: absolute;
right: 50%;
transform: translateX(50%);
text-align: center;
z-index: 9999;
}
#gritter-container.top {
top: 20px;
}
#gritter-container.bottom {
bottom: 20px;
}
.gritter-item.popup {
position: relative;
max-width: 450px;
visibility: visible;
right: auto !important;
left: auto !important;
top: auto;
bottom: auto;
}
.gritter-item .popup-content {
display: flex;
}
.gritter-item .gritter-content {
flex: 1 auto;
text-align: center;
}
.gritter-item .gritter-close {
align-self: center;
}
.gritter-item.error .popup-content {
color: #a84341;
background-color: #eed3d4;
}
@media (max-width: 720px) {
#gritter-container {
left: 1rem;
right: 1rem;
transform: none;
}
}