From 1b74bb1087ad2e17402116d5c1fc997173f3b549 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Wed, 9 Mar 2022 14:06:36 +0100
Subject: [PATCH] Use proper icons in mobile navigation

---
 .../Resources/Private/Partials/Mobilenav.html         | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 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 2f2f98b7..79032393 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -50,7 +50,14 @@
                                         {topitem.title}
                                     </span>
                                     <svg class="h-6 w-6 transform text-white" data-collapse-target="icon">
-                                        <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-down"></use>
+                                        <f:if condition="{topitem.active}">
+                                            <f:then>
+                                                <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-down"></use>
+                                            </f:then>
+                                            <f:else>
+                                                <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-right"></use>
+                                            </f:else>
+                                        </f:if>
                                     </svg>
                                 </a>
                                 <f:if condition="{topitem.active}">
@@ -129,7 +136,7 @@
                                     class="focus:outline-none"
                                     data-action="collapse#toggle">
                                 <svg class="h-6 w-6 transform text-white" data-collapse-target="icon">
-                                    <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-down"></use>
+                                    <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-right"></use>
                                 </svg>
                             </button>
                         </f:if>