Skip to content

issue_4469_bis : refacto des boutons de l'espace privé

tcharlss a demandé de fusionner gh-3abd0771/66/unknown/refs/pull/66/head vers master

Cf. ticket #4468 (closed)

Refacto et uniformisation des différents boutons de l'espace privé :

  • les boutons des formulaires: <input type="submit"> et <button>
  • les boutons d'actions : #BOUTON_ACTION
  • les icônes : [(#URL|icone_horizontale{…})]
  • ajout d'une nouvelle classe générique .bouton à utiliser sur des liens : <a href="…" class="bouton">

Permet d'utiliser le paramètre action du filtre icone_xxx en tant que classe sur les autres boutons : new, add, del, edit et config. Cela ajoute l'icône appropriée. On complète cette liste avec d'autres actions génériques : config, import, export, ouvrir et fermer.

On peut aussi ajouter n'importe quelle icône dans le HTML : <a class="bouton"><img class="icone-image" />…</a>

Ajoute également quelques classes modificatrices :

  • .principal : habillage plus prononcé
  • .secondaire : habillage en retrait (juste une bordure)
  • .bloc : pleine largeur
  • .s16, .s24, .s32 : tailles (on aurait plus faire .petit, .moyen et .grand, mais c'est histoire de reprendre les classes existantes sur .icone)
  • .desactive : bouton non cliquable
  • .groupe-boutons : à mettre sur un conteneur pour regrouper des boutons ensembles.

À noter que cela déprécie la combinaison #BOUTON_ACTION + classe .icone.

Bien sûr tout ça à vocation à être documenté dans la charte du plugin dev.

Pour avoir une idée du rendu :

Et pour conclure : dans un 1er temps la différence sera à peine notable. Il ne s'agit pas d'inciter à mettre des icônes partout dans tous les sens, ce sont juste des possibilités supplémentaires à utiliser à bon escient. L'idée 1ère était surtout d'avoir plus facilement des icônes pour #BOUTON_ACTION. Puis au fur et à mesure le périmètre s'est un peu élargi.

Nb : si mergé, il vaut sans doute mieux squasher tout ces commits

Rapports de requête de fusion