feat: remove jagged borders from faq container, add ser color

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/collapse_controller.js

@@ -27,18 +27,15 @@ export default class extends Controller {
         this.toggleByWindowWidth(width)
     }
 
-    toggle(e) {
-        e.preventDefault()
+    toggle() {
         this.collapsedValue = !this.collapsedValue
     }
 
-    open(e) {
-        e.preventDefault()
+    open() {
         this.collapsedValue = false
     }
 
-    close(e) {
-        e.preventDefault()
+    close() {
         this.collapsedValue = true
     }
 

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html

@@ -4,9 +4,8 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
 
     <f:if condition="{faqs}">
-        <div class="bg-winter my-2">
-            <div class="bg-ep-primary/80 sbw:bg-sbw-primary/80 uch:bg-uch-primary/80">
-                <f:render partial="Disrupter/Outlines" section="Top2" arguments="{classes: 'hidden md:block text-white'}"/>
+        <div class="bg-winter my-4">
+            <div class="bg-ep-primary/80 sbw:bg-sbw-primary/80 uch:bg-uch-primary/80 ser:bg-ser-primary/80 py-8">
                 <div class="container"
                      data-controller="faq">
                     <span class="headline--3 text-white uppercase mb-4">
@@ -31,7 +30,7 @@
                                     class="uppercase text-lg text-white flex items-center space-x-4"
                                     data-action="collapse#toggle">
                                 {ep:icon(icon: 'chevron-right', class: 'w-4 h-4 text-white transition-transform duration-200 ease-in-out', data: '{collapse-target: \'icon\'}')}
-                                <span>
+                                <span class="text-left">
                                     {faq.question}
                                 </span>
                             </button>
@@ -51,7 +50,6 @@
                         </div>
                     </f:if>
                 </div>
-                <f:render partial="Disrupter/Outlines" section="Bottom2" arguments="{classes: 'hidden md:block translate-y-2 text-white'}"/>
             </div>
         </div>
     </f:if>