Changer l'icône d-icon par css

Dev
1

Salut à tous !

Je suis en train de styliser Discourse Follow, puis j’ai commencé à envisager des modifications sur

button[aria-label="Follow"] or button[aria-label="Following"]

Savez-vous s’il existe un moyen de changer l’icône via CSS, afin qu’il soit possible de passer de “user-plus” (pour suivre) à “user-check” (en cours de suivi) ?

Screen Shot 2020-11-13 at 11.56.36
Screen Shot 2020-11-13 at 11.56.36138×108 726 Bytes

Screen Shot 2020-11-13 at 11.54.03
Screen Shot 2020-11-13 at 11.54.03934×336 16.2 KB

J’espère que vous pourrez m’aider !

Cordialement,
Felipe

EDIT (SOLUTION) :
Yooo ! J’ai manipulé la référence à l’objet user

{{follow-toggle icon=(if user.following 'user-check' 'user-plus') user=user}}

Screen Shot 2020-11-13 at 12.07.31
Screen Shot 2020-11-13 at 12.07.31696×248 11.8 KB

Merci à tous !!

3 « J'aime »
4

@feabila, c’est une excellente idée.

Si excellente, en fait, que j’ai déjà intégré au moins une partie de cela dans le dépôt :

Superbe ! :+1: :tada:

En réalité, je vais conserver la fonctionnalité telle que tu l’as proposée, mais je vais simplifier et m’appuyer sur la propriété calculée existante :

N’hésite pas à jeter un coup d’œil si tu es intéressé par cette implémentation alternative.

Salutations !

3 « J'aime »