From 33f93b14a26a70df16a4cb1e1b1543c79d25cfc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 16 Aug 2022 15:08:42 +0200
Subject: [PATCH] Always use mobile navigation and search on touch devices

---
 .../ext/ep_theme/Resources/Private/Partials/Mobilenav.html  | 4 ++--
 .../Resources/Private/Partials/Search/FilterPanel.html      | 2 +-
 .../Resources/Private/Partials/Search/MobileSearch.html     | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
index 5b24cb41..3fa4671e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -10,9 +10,9 @@
              data-overlay-toggle-id-value="mobilenav"
              data-overlay-toggle-target="overlay"
              data-action="overlay-toggle:toggle@window->overlay-toggle#toggle">
-            <div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 flex justify-between bg-white shadow-md">
+            <div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 hover-none:lg:py-4 flex justify-between bg-white shadow-md">
                 <a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
-                   class="block lg:pb-4"
+                   class="block hover-hover:lg:pb-4"
                    title="{settings.defaultTitle}">
                     <f:image class="block h-10 lg:h-12 w-auto" src="{settings.logoImage}" alt="{settings.defaultTitle}"/>
                 </a>
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 0eb5a1f8..62fbbefc 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 lg:bg-white">
+    <div class="px-4 divide-y py-2 px-4 hover-none:lg:bg-white">
 
         <div class="py-2"
              data-controller="collapse"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
index ebf9f1db..6425eef8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
@@ -2,14 +2,14 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       data-namespace-typo3-fluid="true">
 
-    <div class="fixed hover-hover:lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-zinc-700 hidden"
+    <div class="fixed hover-hover:lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 hover-none:lg:pt-20 pb-10 z-50 bg-zinc-700 hidden"
          data-controller="mobile-search"
          data-mobile-search-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, format: 'html')}"
          data-mobile-search-init-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, arguments: '{filterSettings: filterSettings}', format: 'html')}"
          data-action="overlay-toggle:toggle@window->mobile-search#open datepicker:range-select->mobile-search#selectDateRange">
-        <div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 flex justify-between bg-white shadow-md">
+        <div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 hover-none:lg:py-4 flex justify-between bg-white shadow-md">
             <a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
-               class="block lg:pb-4"
+               class="block hover-hover:lg:pb-4"
                title="{settings.defaultTitle}">
                 <f:image class="block h-10 lg:h-12 w-auto" src="{settings.logoImage}" alt="{settings.defaultTitle}"/>
             </a>