fix: active menu item

gip-inclusion · Jul 4, 2023 · df6867b · df6867b
1 parent b61c2e4
commit df6867b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/lacommunaute/templates/forum/forum_detail.html b/lacommunaute/templates/forum/forum_detail.html
@@ -37,15 +37,15 @@ <h2 class="mt-3">
                     </div>
                     <div class="col-12 col-lg-3">
                         <a href="{% url 'forum_extension:forum' parent_forum.slug parent_forum.id %}"
-                           class="matomo-event h3 text-decoration-none"
-                           data-matomo-category="engagement"
-                           data-matomo-action="view"
-                           data-matomo-option="forum">
+                        class="matomo-event h3 text-decoration-none d-inline-block"
+                        data-matomo-category="engagement"
+                        data-matomo-action="view"
+                        data-matomo-option="forum">
                             Fiches {{ parent_forum.name }}
                         </a>
                         <ul class="nav nav-tabs flex-column">
                             {% for forum in forums %}
-                                <li class="nav-item"><a href="{% url 'forum_extension:forum' forum.slug forum.id %}">{{ forum.name }}</a></li>
+                                <li class="nav-item"><a href="{% url 'forum_extension:forum' forum.slug forum.id %}" class="nav-link {% if request.path == 'forum_extension:forum' forum.slug forum.id %}active{% endif %}">{{ forum.name }}</a></li>
                             {% endfor%}
                         </ul>
                     </div>

diff --git a/lacommunaute/templates/partials/header_nav_secondary_items.html b/lacommunaute/templates/partials/header_nav_secondary_items.html
@@ -3,32 +3,32 @@
 {% load theme_inclusion %}
 <ul>
     <li class="col-12 col-lg-auto">
-        <a href="{% url 'pages:home' %}">
+        <a href="{% url 'pages:home' %}" class="{% if request.path == '/' %}is-active{% endif %}">
             Accueil
         </a>
     </li>
     <li class="col-12 col-lg-auto">
-        <a href="{% url 'forum_conversation_extension:publicforum' %}">
+        <a href="{% url 'forum_conversation_extension:publicforum' %}" class="{% if request.path == '/publicforum/' %}is-active{% endif %}">
             Espace d'échanges
         </a>
     </li>
     <li>
-        <a href="{% url 'forum_conversation_extension:newsfeed' %}">
+        <a href="{% url 'forum_conversation_extension:newsfeed' %}" class="{% if request.path == '/newsfeed/' %}is-active{% endif %}">
             Actualités
         </a>
     </li>
     <li>
-        <a href="{% url 'forum_extension:documentation' %}">
+        <a href="{% url 'forum_extension:documentation' %}" class="{% if request.path == '/documentation/' %}is-active{% endif %}">
             Documentations
         </a>
     </li>
     <li>
-        <a href="{% url 'event:calendar' %}">
+        <a href="{% url 'event:calendar' %}" class="{% if request.path == '/calendar/' %}is-active{% endif %}">
             Évènements publics
         </a>
     </li>
     <li>
-        <a href="{% url 'forum_search_extension:search' %}">
+        <a href="{% url 'forum_search_extension:search' %}" class="{% if request.path == '/search/' %}is-active{% endif %}">
             {% trans "Search forums" %}
         </a>
     </li>