Il semble qu’il y ait un petit bug lors de l’application de la classe active sur les nav-pills pour les sections « à propos », « FAQ », « CGU », etc. La classe active est correctement définie sur le lien enfant <a />, mais elle est ajoutée deux fois à cet élément et manque sur l’élément parent <li />.
Ajouter une deuxième classe active à l’élément li résoudrait ce problème de style dans mon thème.
Je ne suis pas sûr que nous ayons jamais pris en charge une classe “active” sur les éléments LI de nav-pills. Je ne suis pas opposé à ajouter cette prise en charge pour les thèmes, car cela semble pouvoir être utile. Cela dit, il faudrait refactoriser pas mal de choses.
@techAPJ Je pense que tu as déplacé cela, y a-t-il une raison pour cette classe “active” ? Cela me semble être une erreur ?
En ce qui concerne la discussion plus large sur l’ajout d’une classe “active” aux LI en fonction de la route, je laisse cela à @eviltrout et @awesomerobot. Pour le moment, nous utilisons “link-to”, qui ne nous offre une prise en charge automatique des classes basées sur la route que sur l’élément A. Nous aurions probablement besoin d’un nouveau composant ici.
À un moment, nous avions un état actif sur certains éléments li dans tous les nav-pills, et dans d’autres endroits, nous avions active sur les éléments a…
Si ma mémoire est bonne, je voulais rendre les choses plus cohérentes, alors j’ai déplacé la classe active vers a partout. La placer sur le li à la place est tout à fait acceptable, mais je pense que @sam a raison : j’ai opté pour la placer sur a car il n’existait pas de moyen simple de la mettre sur tous les li à la place…
Existe-t-il un moyen de sélectionner le parent (li) d’un a en CSS ? Je n’ai pas trouvé de méthode pour styliser le parent en fonction de l’élément enfant.
Les li de la liste des sujets ont la classe active, j’ai donc pensé que c’était l’intention dans la navigation utilisateur qui aurait pu être oubliée.
Non, CSS ne dispose pas de sélecteur parent. Nous devrions implémenter un nouveau composant comme mentionné ci-dessus pour obtenir ce que vous recherchez.
Ok merci @awesomerobot!
