elections2021: Program points fix faq

elections2021/templates/elections2021/_floating_navigation.html

-<div class="floating-nav-wrapper hidden lg:block" id="floatingNavBarWrapper">
+<div class="floating-nav-wrapper hidden xl:block" id="floatingNavBarWrapper">
   <div class="floating-nav-panel " id="floatingNavBar">
     <div class="opener py-6 pb-16 px-11 bg-acidgreen text-white font-alt">
       RYCHLÁ NAVIGACE

elections2021/templates/elections2021/_question_block.html

@@ -4,7 +4,7 @@
     <h3 class="accordeon-row-heading head-alt-xs">{{ block.value.question }}</h3>
     <i class="ico--chevron-down"></i>
   </div>
-  <div class="accordeon-row-body" style="max-height: 216px;">
+  <div class="accordeon-row-body accordeon-row-body--classic">
     <div>
       <p>{{ block.value.answer|richtext|format_sources }}</p>
     </div>

elections2021/templates/elections2021/elections2021_program_point_page.html

@@ -5,7 +5,7 @@
 <div class="container container-default pt-4 pb-20">
   <div class="w-full lg:w-4/6 relative container-collapsible">
 
-    <div class="floating-nav-wrapper hidden lg:block" id="floatingNavBarWrapper">
+    <div class="floating-nav-wrapper hidden xl:block" id="floatingNavBarWrapper">
       <div class="floating-nav-panel " id="floatingNavBar">
         <div class="opener py-6 pb-16 px-11 bg-acidgreen text-white font-alt">
           RYCHLÁ NAVIGACE
@@ -305,6 +305,20 @@
       }; /*plus padding*/
     }
   }
+
+  document.addEventListener("DOMContentLoaded", setMaxHeights);
+  window.addEventListener('resize', setMaxHeights);
+
+  function setMaxHeights() {
+    // set height for css transition
+    var accordeonRowBodies = document.getElementsByClassName('accordeon-row-body--classic');
+
+    if (accordeonRowBodies !== null) {
+      for (var i = 0; i < accordeonRowBodies.length; i++) {
+        accordeonRowBodies[i].style.maxHeight = accordeonRowBodies[i].scrollHeight + "px";
+      };
+    }
+  }
 </script>
 
 {% endblock %}