From 4b03b424946cccd302062cc35d9fcb82daa67392 Mon Sep 17 00:00:00 2001
From: Molkobain <lajarige.guillaume@free.fr>
Date: Sat, 12 Jun 2021 19:13:41 +0200
Subject: [PATCH] Remove inline CSS from NavigationMenu

---
 js/layouts/navigation-menu.js                              | 3 ++-
 templates/base/layouts/navigation-menu/menu-node.html.twig | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/js/layouts/navigation-menu.js b/js/layouts/navigation-menu.js
index bf73d7fc2..0a8aeb0d8 100644
--- a/js/layouts/navigation-menu.js
+++ b/js/layouts/navigation-menu.js
@@ -31,6 +31,7 @@ $(function()
 				},
 			css_classes:
 				{
+					is_hidden: 'ibo-is-hidden',
 					menu_expanded: 'ibo-is-expanded',
 					menu_active: 'ibo-is-active',
 					menu_filtered: 'ibo-is-filtered',
@@ -361,7 +362,7 @@ $(function()
 								for (const [key, value] of Object.entries(data.counts)) {
 									let menuEntry = me.element.find('[data-menu-id="'+key+'"]');
 									menuEntry.html(value);
-									menuEntry.show();
+									menuEntry.removeClass(me.css_classes.is_hidden);
 								}
 							}
 						});
diff --git a/templates/base/layouts/navigation-menu/menu-node.html.twig b/templates/base/layouts/navigation-menu/menu-node.html.twig
index 3db4a5c66..a998e47ef 100644
--- a/templates/base/layouts/navigation-menu/menu-node.html.twig
+++ b/templates/base/layouts/navigation-menu/menu-node.html.twig
@@ -4,7 +4,8 @@
 		<a class="ibo-navigation-menu--menu-node-title" data-role="ibo-navigation-menu--menu-node-title" href="{{ aMenuNode.sUrl }}" {{ sTarget|raw }}>
 			<span class="ibo-navigation-menu--menu-node-label" data-role="ibo-navigation-menu--menu-node-label" title="{{ aMenuNode.sTitle }}">{{ aMenuNode.sTitle }}</span>
 			{% if aMenuNode.bHasCount %}
-				<span class="ibo-navigation-menu--menu-node-counter" data-menu-id="{{ aMenuNode.sId }}" style="display: none;"></span>
+                {# Counters will be shown once the background update is done (see JS widget) #}
+				<span class="ibo-navigation-menu--menu-node-counter ibo-is-hidden" data-menu-id="{{ aMenuNode.sId }}"></span>
 			{% endif %}
 		</a>
 	{% else %}