Cambiar el icono d-icon por css

Desarrollador
1

¡Hola a todos!

Estoy dando estilo a Discourse Follow, y luego empecé a considerar cambios sobre

button[aria-label="Seguir"] o button[aria-label="Siguiendo"]

¿Saben si hay alguna manera de cambiar el icono mediante CSS, de modo que sea posible cambiar de “user-plus” (para seguir) a “user-check” (siguiendo)?

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 puedan ayudarme!

Saludos cordiales,
Felipe

EDITAR (SOLUCIÓN):
¡Yooo! Manipulé la referencia al 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

¡Gracias a todos!!

3 Me gusta
4

@feabila, ¡esa es una gran idea!

De hecho, es tan buena que ya he comprometido al menos una parte de ella al repositorio:

¡Muy bien! :+1: :tada:

En realidad, mantendré la funcionalidad tal como la propones, pero la simplificaré y me basaré en la Propiedad Computada existente:

Si te interesa la implementación alternativa, por favor échale un vistazo.

¡Saludos!

3 Me gusta