EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix button arrow not being visible on non-touch devices

Browse Source
This commit is contained in:
Björn Fromme
2022-08-16 15:13:03 +02:00
parent 33f93b14a2
commit cc8f414999
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+7 -7
View File
@@ -99,7 +99,7 @@
</div> </div>
</f:if> </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" <div class="py-2"
data-controller="collapse" data-controller="collapse"
@@ -110,7 +110,7 @@
<span class="uppercase font-bold"> <span class="uppercase font-bold">
Reiseziel Reiseziel
</span> </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> </button>
<div data-collapse-target="container"> <div data-collapse-target="container">
<ul class="mb-0 p-0 pt-4"> <ul class="mb-0 p-0 pt-4">
@@ -158,7 +158,7 @@
<span class="uppercase font-bold"> <span class="uppercase font-bold">
Preis Preis
</span> </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> </button>
<div data-collapse-target="container"> <div data-collapse-target="container">
<ul class="mb-0 p-0 pt-4 space-y-2"> <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -188,7 +188,7 @@
<span class="uppercase font-bold"> <span class="uppercase font-bold">
Personen Personen
</span> </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> </button>
<div data-collapse-target="container"> <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" <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"> <span class="uppercase font-bold">
Unterkunft Unterkunft
</span> </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> </button>
<div data-collapse-target="container"> <div data-collapse-target="container">
<ul class="mb-0 p-0 pt-4 space-y-2"> <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -244,7 +244,7 @@
<span class="uppercase font-bold"> <span class="uppercase font-bold">
Verpflegung Verpflegung
</span> </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> </button>
<div data-collapse-target="container"> <div data-collapse-target="container">
<ul class="mb-0 p-0 pt-4 space-y-2"> <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -284,7 +284,7 @@
<span class="uppercase font-bold"> <span class="uppercase font-bold">
Zimmerarten/Apart. Zimmerarten/Apart.
</span> </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> </button>
<div data-collapse-target="container"> <div data-collapse-target="container">
<ul class="mb-0 p-0 p-0 pt-4 space-y-2"> <ul class="mb-0 p-0 p-0 pt-4 space-y-2">