Canapin
(Coin-coin le Canapin)
4 Septiembre, 2020 20:29
1
Hola.
He configurado iconos en mi componente de tema, con un color blanco, usando este HTML:
<a class="header-social-link" title="La Commission Nationale Monocycle en Facebook" href="https://www.facebook.com/CommissionNationaleMonocycle" target="_blank">
<svg class="fa d-icon d-icon-fab-facebook-f svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-facebook-f"></use></svg>
</a>
<a class="header-social-link social-youtube" title="La Commission Nationale Monocycle en Youtube" href="https://www.youtube.com/channel/UCajI37ddIczMkVS_H1HeyTQ" target="_blank">
<svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-youtube"></use></svg>
</a>
Recientemente noté que estos iconos ya no se muestran; quizás ocurrió después de actualizar a la versión 2.6.0beta1.
He actualizado a la versión 2.6.0beta2 y no ha cambiado nada.
Aquí está mi subconjunto de iconos:
¿Alguna idea de por qué ya no aparecen?
Veo el color establecido en a.header-social-link en tu captura de pantalla; si inspeccionas el elemento SVG dentro del enlace… ¿hay un color establecido allí?
Canapin
(Coin-coin le Canapin)
4 Septiembre, 2020 21:11
3
No, solo esto (contenido predeterminado):
.svg-icon, .svg-icon-title {
height: 1em;
width: 1em;
line-height: 1;
display: inline-flex;
position: relative;
vertical-align: -0.125em;
fill: currentColor;
flex-shrink: 0;
overflow: visible;
}
Y añadir un atributo de color no cambia nada. De hecho, el icono parece no mostrarse. ¿Quizás porque no encuentra el icono en el conjunto?
Si quieres revisar la página real:
Bienvenue dans la plus grande communauté du monocycle francophone. Discussions, questions, conseils, petites annonces… Rejoignez-nous ! 👍
Dónde se encuentra el icono (en realidad hay dos iconos)
Steven
4 Septiembre, 2020 21:15
4
¿Has probado fab- antes de facebook-f y youtube en esta configuración? Yo uso el prefijo para todos los iconos, incluso los fa-.
Canapin
(Coin-coin le Canapin)
4 Septiembre, 2020 21:17
5
Sí, ahora funciona.
¿Qué cambio relacionado con esto se introdujo en la nueva versión de Discourse, ya que antes funcionaba (hace unos días/semanas)?
Lo de este prefijo es confuso.
Gracias, @Steven
¡Buena observación, @Steven ! Recientemente eliminamos el soporte para los nombres de iconos de versiones anteriores de Font Awesome.