Envole » Envole-Mutualisé » eole-dispatcher

Modification purement esthétique : plusieurs utilisateurs nous ont fait remarquer que le menu xdesktop des catégories comportait un liseret de la couleur de la catégorie qui a disparu dans edispatcher NG.
Pour reproduire ce liseret, il faudrait en théorie toucher au composant edispatcher-categories, en ajoutant un border-left avec la catégorie passée en paramètre dans twig.

En attendant j'ai développé une solution en Jquery qui va chercher la couleur de l'icone de la catégorie et l'applique à l'élément parent (<li>)

Cette solution a l'avantage de fonctionner en autonomie dans le template

$(window).hover(function() {
    $(".fa.style-scope.edispatcher-categories").each(function() {

        if ( !$(this).hasClass("parentBorderColorAdded")) {
            console.log("Ajout du liseret couleur catégorie "+ $(this).parent().attr('data-key'));
            $(this).parent().css("border-left-width", "4px");
            $(this).parent().css("border-left-style", "solid");
            $(this).parent().css("border-left-color", $(this).css("color"));
            $(this).addClass("parentBorderColorAdded");
        }
     });
});

Cela semble fonctionner correctement

Mais cette solutuion est un peu lourde (application d'un script sur tous les éléments d'un tag donné, déclenchement "bidouille" au survol de la fenêtre...).
Je pense que la solution directement intégrée au composant serait plus simple et plus légère
Le problème est que peut-être certains ne voudraient pas forcément ce liseret, mais je pense qu'on pourrait alors le surcharger facilement en CSS dans le template (boder-left : 1px solid black ou autre...)