bug #1599 [Bootstrap v5] Fix the active links in the navigation (rosier)

This PR was merged into the main branch.

Discussion
----------

[Bootstrap v5] Fix the active links in the navigation

For the navbar the .active class can no longer be applied to .nav-items, it must be applied directly on .nav-links.

Commits
-------

e130e54 [Bootstrap v5] Fix the active links in the navigation

Author: javiereguiluz

templates/admin/layout.html.twig

@@ -13,8 +13,8 @@
 {% endblock %}
 
 {% block header_navigation_links %}
-    <li class="nav-item{{ _route in ['admin_index', 'admin_post_index'] ? ' active' : '' }}">
-        <a class="nav-link" href="{{ path('admin_post_index') }}">
+    <li class="nav-item">
+        <a class="nav-link {{- _route in ['admin_index', 'admin_post_index'] ? ' active' -}}" href="{{ path('admin_post_index') }}">
             <twig:ux:icon name="tabler:list"/> {{ 'menu.post_list'|trans }}
         </a>
     </li>

templates/base.html.twig

@@ -39,8 +39,8 @@
                         <div class="collapse navbar-collapse" id="appNavbar">
                             <ul class="navbar-nav">
                                 {% block header_navigation_links %}
-                                    <li class="nav-item{{ _route == 'blog_index' ? ' active' : '' }}">
-                                        <a class="nav-link" href="{{ path('blog_index') }}">
+                                    <li class="nav-item">
+                                        <a class="nav-link {{- _route == 'blog_index' ? ' active' -}}" href="{{ path('blog_index') }}">
                                             <twig:ux:icon name="tabler:home"/> {{ 'menu.homepage'|trans }}
                                         </a>
                                     </li>
@@ -53,8 +53,10 @@
                                     {% endif %}
                                 {% endblock %}
 
-                                <li class="nav-item{{ _route == 'blog_search' ? ' active' : '' }}">
-                                    <a class="nav-link" href="{{ path('blog_search') }}"> <twig:ux:icon name="tabler:search"/> {{ 'menu.search'|trans }}</a>
+                                <li class="nav-item">
+                                    <a class="nav-link {{- _route == 'blog_search' ? ' active' -}}" href="{{ path('blog_search') }}">
+                                        <twig:ux:icon name="tabler:search"/> {{ 'menu.search'|trans }}
+                                    </a>
                                 </li>
 
                                 {% if app.user %}