Produits Entr'ouvert » Intégrations graphiques Publik

Patch

en isolant les styles dans une class `.links-list--link` on gagne aussi lors de la création de thème.
Pour modifier le design des liens, terminé avec la longue liste de sélecteurs.

AVANT:

div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.categoriescell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
  & > li > a {
    // styles en plus
  }
}

AVEC PATCH

.links-list--link {
  // styles en +
}

Ce qui peut grandement améliorer les supports / évolutions du code.

En bonus dans un futur possible (demande avis)

Il est possible de définir une variable sass qui appliquerait le layout d'un composant, il faut passer par une mixin mais possible

@mixin apply-style-of($selector) {
    @extend #{$selector};
}

$wcs-form-cell-link-styles: null // .links-list--link , .pk-button

@if $wcs-form-cell-link-styles {
    .wcs-form-cell a {
        @include apply-style-of($back-top-link-extend);
    }
}

et donc en fixant `$wcs-form-cell-link-styles: .pk-button` on fait hériter le style .pk-button à ce lien, intéressant aussi pour l'interface de création de thème.

si on veut une liste de liens, il y a une cellule liste de liens

Mazette mais bien sûr ! Je m'en vais répondre cela à Steph.

Au-delà de ce besoin précis, J'aime quand même bien les idées qui introduisent ce patch comme ouvrir la possibilité d'appliquer un modèle parmi plusieurs à un composant sans venir en surcouche. Bien plus propre à mon avis qu'un slug qui nécessite encore trop souvent une réécriture spécifique du markup de la cellule (alourdi la maintenance) ou l'utilisation d'une class additionnelle qui devra d'abord reseter les styles existants par défaut et nécessite d'être maintenu séparément du reste du code.

Dans la logique d'un design system modulaire, définir un style et un comportement d'un côté et ensuite pouvoir choisir dans un thème quel élément hérita de ce style apporte beaucoup de souplesse.
Définir d'un côté le design d'un lien (typo, couleur, survol, etc.) et dire : applique ce style par défaut aux liens des listes de liens, mais aussi aux cellules 'lien vers une démarche" et "lien vers une catégorie" permet d'être bien plus efficace que de devoir réécrire du code spécifique qui nous entrave ensuite.
En matière d'UX, permettre à un agent (et nos CPFs) de créer leur page en utilisant une cellule "lien vers une démarche" parce que c'est simplement son besoin et que ça marche et pas de devoir assimiler que pour faire un lien unique vers une démarche il ne faut pas utiliser "Lien vers une démarche" car l'affichage est incorrecte mais qu'il faut utiliser une cellule "liste de liens" sans mettre de titre a son importance.
Je laisse mûrir un peu l'idée.