Dropdown axe thématique : surbrillance de l'axe réellement actif + hover

Le premier item du popover était grisé en dur (`:first-of-type`), donc
affiché comme actif quel que soit l'axe courant. La classe `is-active`
est désormais posée en Twig sur l'axe actif (ou sur « Tous les axes »
hors mode taxonomie), et le style suit cette classe.

Ajout d'un hover en `background-image` (calque translucide) plutôt qu'en
`background-color`, pour un assombrissement identique sur les lignes
blanches et grises du zébrage.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WQLwtNFa1LNaN7QTAbYkZx
This commit is contained in:
2026-09-10 00:59:44 +02:00
co-authored by Claude Opus 5
parent b374d9c423
commit f663ff38f5
3 changed files with 9 additions and 4 deletions
+2 -2
View File
@@ -158,10 +158,10 @@
<div class="dd-content" id="filter-axe-popover" style="display: none;">
<ul>
{% if not axe_taxonomy_mode %}
<li data-axe-id="">{{ current_language == 'en' ? 'All axes' : 'Tous les axes' }}</li>
<li data-axe-id=""{% if not active_axe %} class="is-active"{% endif %}>{{ current_language == 'en' ? 'All axes' : 'Tous les axes' }}</li>
{% endif %}
{% for axe in filter_axes %}
<li data-axe-id="{{ axe.id }}"{% if not axe_stay_on_page %} data-axe-href="{{ axe.href }}"{% endif %}>{{ axe.name }}</li>
<li data-axe-id="{{ axe.id }}"{% if not axe_stay_on_page %} data-axe-href="{{ axe.href }}"{% endif %}{% if active_axe and axe.id == active_axe %} class="is-active"{% endif %}>{{ axe.name }}</li>
{% endfor %}
</ul>
</div>