From d8fe62bc616f79ed8427dd483c6fbbb59e60343f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 17 Mar 2022 09:29:40 +0100
Subject: [PATCH] Respect custom css-class for background color in mobile nav
 as well

---
 .../ext/ep_theme/Resources/Private/Partials/Mobilenav.html    | 4 ++--
 1 file changed, 2 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 91df3c33..f4f632a8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -100,7 +100,7 @@
                     <f:then>
                         <li data-controller="collapse"
                             data-collapse-collapsed-value="{f:if(condition: navitem.active, then: 'false', else: 'true')}">
-                            <div class="flex items-center justify-between px-4 py-2 bg-ep-primary text-white">
+                            <div class="flex items-center justify-between px-4 py-2 text-white {f:if(condition: navitem.data.tx_eptheme_navitemclass, then: navitem.data.tx_eptheme_navitemclass, else: 'bg-ep-primary')}">
                                 <a href="{navitem.link}"
                                    class="uppercase text-xl flex-1"
                                    title="{navitem.title}">
@@ -122,7 +122,7 @@
                     <f:else>
                         <li>
                             <a href="{navitem.link}"
-                               class="block px-4 py-2 bg-ep-primary text-white uppercase text-xl"
+                               class="block px-4 py-2 text-white uppercase text-xl {f:if(condition: navitem.data.tx_eptheme_navitemclass, then: navitem.data.tx_eptheme_navitemclass, else: 'bg-ep-primary')}"
                                title="{navitem.title}">
                                 {navitem.title}
                             </a>