Alterar ícone d-icon por css

Dev
1

Olá a todos!

Estou estilizando Discourse Follow e comecei a considerar alterações em:

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

Vocês sabem se há alguma maneira de alterar o ícone via CSS? Assim, seria possível mudar de “user-plus” (para seguir) para “user-check” (seguindo).

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

Espero que vocês possam me ajudar!

Atenciosamente,
Felipe

EDIT (SOLUÇÃO):
Yooo! Manipulei a referência ao objeto 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

Obrigado a todos!!

4

@feabila, essa é uma ótima ideia.

Tão boa, na verdade, que já tomei a liberdade de incluir pelo menos parte disso no repositório:

Muito bem! :+1: :tada:

Na verdade, vou manter funcionalmente como você propôs, mas vou simplificar e me basear na Propriedade Computada existente:

Dê uma olhada se tiver interesse na implementação alternativa.

Abraços!