Amélioration des modaux

Fix #47

src/agenda_culturel/static/js/filters.js

@@ -27,7 +27,6 @@ const selectAllFilterElementsFromCheckbox = (checkbox) => {
 };
 
 const setFilterClasses = (container) => {
-    console.log("set filter");
     if (!underToggle) {
         underToggle = true;
         selectionButtom = document.getElementById(container.getAttribute("data-button"));

src/agenda_culturel/static/js/modal.js

@@ -20,6 +20,10 @@ const openModal = (modal) => {
     document.documentElement.style.setProperty("--scrollbar-width", `${getScrollbarWidth()}px`);
   }
   modal.setAttribute("open", true);
+  console.log("visible, " + modal);
+  setTimeout(function() {
+    visibleModal = modal;
+  }, 500);
 };
 
 // Close modal
@@ -32,6 +36,7 @@ const closeModal = (modal) => {
 // Close with a click outside
 document.addEventListener("click", (event) => {
   if (visibleModal != null) {
+    console.log("bordel");
     const modalContent = visibleModal.querySelector("article");
     const isClickInside = modalContent.contains(event.target);
     !isClickInside && closeModal(visibleModal);

src/agenda_culturel/static/style.scss

@@ -625,4 +625,9 @@ aside nav a.badge {
     float: right;
     z-index: 1;
     margin-top: -2em;
+}
+
+.body-fixed {
+    max-height: 50vh;
+    overflow-y: scroll;
 }

src/agenda_culturel/templates/agenda_culturel/single-event/event-modal-inc.html

@@ -24,7 +24,7 @@
             </p>
     </header>
 
-    <p>{{ event.description |truncatewords:20 |linebreaks }}</p>
+    <div class="body-fixed">{{ event.description |linebreaks }}</div>
 
 
     <p>