From e5492841ec8df649a5b62689713515128aaad127 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Mon, 13 Apr 2026 20:56:04 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Modal-Scroll=20nur=20im=20Body=20?=
 =?UTF-8?q?=E2=80=94=20Header/Footer=20bleiben=20fest?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/static/css/components.css | 44 ++++++++++++++++++-------------
 backend/static/sw.js              |  2 +-
 2 files changed, 26 insertions(+), 20 deletions(-)

diff --git a/backend/static/css/components.css b/backend/static/css/components.css
index 3aa67ce..8904fb6 100644
--- a/backend/static/css/components.css
+++ b/backend/static/css/components.css
@@ -460,25 +460,18 @@ 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);
-  scrollbar-width: thin;
-  scrollbar-color: var(--c-primary) var(--c-surface);
+  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:      hidden;          /* Modal selbst scrollt NICHT */
+  display:       flex;
+  flex-direction: column;
+  box-shadow:    var(--shadow-xl);
+  animation:     modal-in var(--transition-slow) cubic-bezier(0.34, 1.56, 0.64, 1);
 }
-.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);
@@ -506,7 +499,20 @@ textarea.form-control {
   font-size:   var(--text-lg);
   font-weight: var(--weight-semibold);
 }
-.modal-body   { padding: var(--space-6); }
+.modal-body {
+  padding:         var(--space-6);
+  overflow-y:      auto;
+  flex:            1;             /* füllt den Raum zwischen Header und Footer */
+  scrollbar-width: thin;
+  scrollbar-color: var(--c-primary) var(--c-surface);
+}
+.modal-body::-webkit-scrollbar       { width: 6px; }
+.modal-body::-webkit-scrollbar-track { background: var(--c-surface); }
+.modal-body::-webkit-scrollbar-thumb {
+  background:    var(--c-primary);
+  border-radius: var(--radius-full);
+}
+.modal-body::-webkit-scrollbar-thumb:hover { background: var(--c-primary-dark); }
 .modal-footer {
   padding:    var(--space-4) var(--space-6);
   border-top: 1px solid var(--c-border-light);
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 66f2879..31ea824 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications
    ============================================================ */
 
-const CACHE_VERSION = 'by-v17';
+const CACHE_VERSION = 'by-v18';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 
 // Diese Dateien werden beim Install gecacht (App Shell)