Add active class to selected menu items

pehala · Jan 28, 2024 · 9c5438c · 9c5438c
1 parent 52e1e76
commit 9c5438c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/static/styles.sass b/frontend/static/styles.sass
@@ -14,7 +14,7 @@ $border-color: $bgHighlight
 .dropdown-menu
   --bs-dropdown-link-color: #{$colDefault}
   --bs-dropdown-link-hover-color: #{$colHighlight}
-  --bs-dropdown-link-active-color: #{$colHighlight}
+  --bs-dropdown-link-active-bg: #{$colDefault}
 
 //.chord
 //  position: absolute

diff --git a/frontend/templates/menu/bootstrap4-menu-submenu.html b/frontend/templates/menu/bootstrap4-menu-submenu.html
@@ -11,7 +11,7 @@
               <button type="submit" class="btn-link dropdown-item">{% if item.skip_translate %}{{ item.title }}{% else %}{% trans item.title %}{% endif %}</button>
             </form>
             {% else %}
-                <a class="dropdown-item" href="{{ item.url }}">{% if item.skip_translate %}{{ item.title }}{% else %}{% trans item.title %}{% endif %}</a>
+                <a class="dropdown-item {% if item.selected %}active{% endif %}" href="{{ item.url }}">{% if item.skip_translate %}{{ item.title }}{% else %}{% trans item.title %}{% endif %}</a>
             {% endif %}
         {% endif %}
     {% endfor %}