rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UX: Modal-Scrollbar im Primärfarben-Stil (wie Sidebar)

Browse source
This commit is contained in:
rene 2026-04-13 20:54:02 +02:00
parent 5518064be3
commit 1ad77b4366
2 changed files with 19 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

27
backend/static/css/components.css
View file

@ -460,16 +460,25 @@ textarea.form-control {
}
.modal {
background: var(--c-surface);
border-radius: var(--radius-xl) var(--radius-xl) 0 0;
border: 2px solid var(--c-primary);
width: 100%;
max-width: 480px;
max-height: 90vh;
overflow-y: auto;
box-shadow: var(--shadow-xl);
animation: modal-in var(--transition-slow) cubic-bezier(0.34, 1.56, 0.64, 1);
background: var(--c-surface);
border-radius: var(--radius-xl) var(--radius-xl) 0 0;
border: 2px solid var(--c-primary);
width: 100%;
max-width: 480px;
max-height: 90vh;
overflow-y: auto;
box-shadow: var(--shadow-xl);
animation: modal-in var(--transition-slow) cubic-bezier(0.34, 1.56, 0.64, 1);
scrollbar-width: thin;
scrollbar-color: var(--c-primary) var(--c-surface);
}
.modal::-webkit-scrollbar { width: 6px; }
.modal::-webkit-scrollbar-track { background: var(--c-surface); }
.modal::-webkit-scrollbar-thumb {
background: var(--c-primary);
border-radius: var(--radius-full);
}
.modal::-webkit-scrollbar-thumb:hover { background: var(--c-primary-dark); }
@media (min-width: 768px) {
.modal {
border-radius: var(--radius-xl);