From 6814d8fbbc07555e545517fd4bcd3d76232ba940 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 23 Sep 2021 14:18:24 +0200
Subject: [PATCH] Add arrow to main entries in mobile nav

---
 .../Resources/Private/Partials/Mobilenav.html         | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 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 8213b896..e3c40579 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -40,10 +40,15 @@
                     <ul class="divide-y divide-ep-primary-dark">
                         <f:for each="{topnav}" as="topitem">
                             <li>
-                                <a class="block text-xl uppercase font-bold text-white hover:text-white focus:text-white py-2 px-4 hover:bg-ep-primary-light{f:if(condition: topitem.active, then: ' bg-ep-primary-light')}"
+                                <a class="flex justify-between items-center text-xl uppercase font-bold text-white hover:text-white focus:text-white py-2 px-4 hover:bg-ep-primary-light{f:if(condition: topitem.active, then: ' bg-ep-primary-light')}"
                                    href="{topitem.link}"{f:if(condition: '{topitem.data.doktype} == 3', then: ' target="_blank"')}
-                                title="{topitem.title}">
-                                {topitem.title}
+                                   title="{topitem.title}">
+                                    <span>
+                                        {topitem.title}
+                                    </span>
+                                    <svg class="h-6 w-6 transform text-white" data-collapse-target="icon">
+                                        <use href="#icon-chevron-down"></use>
+                                    </svg>
                                 </a>
                                 <f:if condition="{topitem.active}">
                                     <f:render section="Subnav" arguments="{_all}"/>