Files
openidea/src/workbench/Notifications.module.css
T

49 lines
956 B
CSS

.stack {
position: fixed;
/* Inside the editor island's bottom-right corner, clear of the right stripe. */
right: 78px;
bottom: calc(var(--h-statusbar) + 16px);
/* Balloons belong to the main window: modal dialogs cover them, like IDEA. */
z-index: calc(var(--z-dialog) - 1);
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
pointer-events: none;
}
.balloon {
pointer-events: auto;
animation: slideIn var(--dur) var(--ease);
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateX(12px);
}
}
@media (prefers-reduced-motion: reduce) {
.balloon {
animation: none;
}
}
.list {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
overflow: auto;
outline: none;
}
.entry {
width: 100%;
flex: none;
border: 0;
border-bottom: 1px solid var(--border);
border-radius: 0;
box-shadow: none;
background: none;
}
.entry:last-child {
border-bottom: 0;
}