Raccourci puce : se débarasser de l'image
J'ai déjà vu cette discussion passer, mais je n'ai pas trouvé de ticket s'y rapportant, donc :
Le raccourci -lorem ipsum
produit une puce graphique :
- Dans le privé :
- Dans le public :
- Et le code produit :
<img src="local/cache-vignettes/L8xH11/puce-32883.gif?1516750409" class="puce" alt="-" width="8" height="11"> lorem ipsum
Sans rentrer dans la discussion sur leur pertinence (cf. ticket #1817 (closed)), ces puces sont purement décoratives et pourtant impossibles à styler en CSS. La seule personnalisation possible consiste à surcharger le fichier puce.gif, mais c'est un pis-aller.
2 possibilités :
https://caniuse.com/#search=svg
Insérer une image au format svg, ce qui permet en CSS de changer facilement la taille, la couleur etc. (et toujours possibilité de surcharger). Le support du svg est à 97,5% :
<span class="spip-puce"></span>
avec des styles adéquats (image en background ou méthode des « "triangles CSS":https://css-tricks.com/snippets/css/css-triangle/ »).
Insérer un simple C'est un détail mais c'est toujours la petite épine dans le pied à la fin des projets d'intégration, au moment de fignoler les détails.