From cc8f41499946361b93ef6679bd88ab71cacab6b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 16 Aug 2022 15:13:03 +0200
Subject: [PATCH] Fix button arrow not being visible on non-touch devices

---
 .../Private/Partials/Search/FilterPanel.html       | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
index 62fbbefc..81f4b52f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
@@ -99,7 +99,7 @@
         </div>
     </f:if>
 
-    <div class="px-4 divide-y py-2 px-4 hover-none:lg:bg-white">
+    <div class="px-4 divide-y py-2 px-4 hover-hover:lg:bg-white">
 
         <div class="py-2"
              data-controller="collapse"
@@ -110,7 +110,7 @@
                 <span class="uppercase font-bold">
                     Reiseziel
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4">
@@ -158,7 +158,7 @@
                 <span class="uppercase font-bold">
                     Preis
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -188,7 +188,7 @@
                 <span class="uppercase font-bold">
                     Personen
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <f:form.select class="w-full border-0 focus:ring-0 bg-right bg-transparent text-white lg:bg-white lg:text-zinc-800 mt-2 p-0"
@@ -214,7 +214,7 @@
                 <span class="uppercase font-bold">
                     Unterkunft
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -244,7 +244,7 @@
                 <span class="uppercase font-bold">
                     Verpflegung
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -284,7 +284,7 @@
                 <span class="uppercase font-bold">
                     Zimmerarten/Apart.
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 p-0 pt-4 space-y-2">