Fix button arrow not being visible on non-touch devices

This commit is contained in:
Björn Fromme
2022-08-16 15:13:03 +02:00
parent 33f93b14a2
commit cc8f414999
@@ -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">