Mermutef/LMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Admin group: single table, defense actions in cells; flash messages as toasts

Browse Source
This commit is contained in:
Vladislav Kopnin
2026-09-28 16:23:29 +03:00
parent debf157194
commit 82f231c940
15 changed files with 149 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/main/resources/static/css/app.css
View File

@@ -200,6 +200,33 @@ tr:last-child td { border-bottom: none; }
/* Toast-уведомление */
.toast { position: fixed; top: 1rem; right: 1rem; z-index: 50; width: 20rem; }
/* Всплывающие уведомления (flash notice/error) вместо статичных алертов */
.toast-host {
position: fixed; top: 1rem; right: 1rem; z-index: 100;
display: flex; flex-direction: column; gap: 0.5rem;
width: min(24rem, calc(100vw - 2rem)); pointer-events: none;
}
.toast-item {
pointer-events: auto; display: flex; align-items: flex-start; gap: 0.5rem;
padding: 0.7rem 0.85rem; border-radius: 0.5rem; border: 1px solid var(--c-border);
border-left-width: 4px; background: var(--c-surface); color: var(--c-text);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
animation: toast-in 0.18s ease-out;
}
.toast-item .toast-text { flex: 1 1 auto; min-width: 0; white-space: pre-line; overflow-wrap: anywhere; }
.toast-item.toast-success { border-left-color: #16a34a; }
.toast-item.toast-error { border-left-color: #dc2626; }
.toast-item.toast-warning { border-left-color: #d97706; }
.toast-close {
flex: 0 0 auto; border: none; background: none; cursor: pointer;
color: var(--c-text-muted); font-size: 1.05rem; line-height: 1; padding: 0 0.1rem;
}
.toast-close:hover { color: var(--c-text); }
@keyframes toast-in {
from { opacity: 0; transform: translateY(-6px); }
to { opacity: 1; transform: none; }
}
/* Modals */
dialog.modal {
border: none; border-radius: 0.75rem; padding: 0;