From ccad2ffde3a15c153e3f36b3749c9cf79fe5bafc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Mon, 6 Jan 2025 18:38:33 +0100
Subject: [PATCH] feat: remove jagged borders from faq container, add ser color

---
 .../Private/Assets/js/controllers/collapse_controller.js | 9 +++------
 .../ext/ep_theme/Resources/Private/Partials/Faq.html     | 8 +++-----
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/collapse_controller.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/collapse_controller.js
index cd09808b..404a28d7 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/collapse_controller.js
+++ b/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
     }
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
index 38528861..980c2247 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
+++ b/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>