From db07f33e3c6b28ba658eb782cf8004957ee56dd1 Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Tue, 22 Jul 2025 16:20:18 +0200
Subject: [PATCH] update(Cis Modals): makes modals scrollable by default and
 uses fhc-primary for the card-header and fhc-secondary for the card-footer

---
 public/css/Cis4/Cis.css            | 14 ++++++++++++++
 public/js/components/Base/Modal.js |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/public/css/Cis4/Cis.css b/public/css/Cis4/Cis.css
index 64bf769fc..80784fe5d 100644
--- a/public/css/Cis4/Cis.css
+++ b/public/css/Cis4/Cis.css
@@ -838,4 +838,18 @@ html {
 	#lektorenContainer {
 		grid-template-columns: 1fr 1fr;
 	}
+}
+
+#cis-main .modal-header{
+	background-color: var(--fhc-primary);
+	color: var(--fhc-light);
+}
+
+#cis-main .modal-header .btn-close{
+	filter: invert(1);
+}
+
+#cis-main .modal-footer {
+	background-color: var(--fhc-secondary);
+	
 }
\ No newline at end of file
diff --git a/public/js/components/Base/Modal.js b/public/js/components/Base/Modal.js
index ad3785e62..9a07f9c16 100644
--- a/public/js/components/Base/Modal.js
+++ b/public/js/components/Base/Modal.js
@@ -16,7 +16,7 @@ export default {
         :class="this.cModalClass"
         :id="this.id"
         :aria-labelledby="this.id + '_label'" aria-hidden="true" tabindex="-1">       
-            <div class="modal-dialog" :class="this.cModalDialogClass">
+            <div class="modal-dialog modal-dialog-scrollable" :class="this.cModalDialogClass">
                 <div class="modal-content">
                     <div class="modal-header">
                         <h5 class="modal-title" :id="this.id + '_label'">