Cambia l'icona d-icon con css

Sviluppatore
1

Ciao a tutti!

Sto stilizzando Discourse Follow, poi ho iniziato a valutare modifiche su

button[aria-label="Segui"] o button[aria-label="Seguito"]

Sapete se esiste un modo per cambiare l’icona tramite CSS, in modo da poter passare da “user-plus” (per seguire) a “user-check” (seguendo)?

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

Spero possiate aiutarmi!

Cordiali saluti,
Felipe

EDIT (SOLUZIONE):
Yooo! Ho lavorato sull’riferimento all’oggetto utente

{{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

Grazie mille a tutti!!

4

@feabila, è un’ottima idea.

Talmente buona che ho già integrato almeno una parte nel repository:

Ottimo lavoro! :+1: :tada:

In realtà, manterrò la funzionalità come hai proposto, ma semplificherò e mi affiderò alla Computed Property esistente:

Dacci un’occhiata se sei interessato all’implementazione alternativa.

Ciao!