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 { .modal {
background: var(--c-surface); background: var(--c-surface);
border-radius: var(--radius-xl) var(--radius-xl) 0 0; border-radius: var(--radius-xl) var(--radius-xl) 0 0;
border: 2px solid var(--c-primary); border: 2px solid var(--c-primary);
width: 100%; width: 100%;
max-width: 480px; max-width: 480px;
max-height: 90vh; max-height: 90vh;
overflow-y: auto; overflow-y: auto;
box-shadow: var(--shadow-xl); box-shadow: var(--shadow-xl);
animation: modal-in var(--transition-slow) cubic-bezier(0.34, 1.56, 0.64, 1); 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) { @media (min-width: 768px) {
.modal { .modal {
border-radius: var(--radius-xl); border-radius: var(--radius-xl);

2
backend/static/sw.js
View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications Offline-Cache + Push Notifications
============================================================ */ ============================================================ */
const CACHE_VERSION = 'by-v16'; const CACHE_VERSION = 'by-v17';
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
// Diese Dateien werden beim Install gecacht (App Shell) // Diese Dateien werden beim Install gecacht (App Shell)