En lugar de imágenes PNG, estoy intentando usar iconos de Font Awesome, pero se ven rotos. ¿Tienes alguna idea de cómo hacer que funcionen?
Prueba usando el siguiente componente. Acabo de probarlo y está funcionando:
¡Hola tshenry! Vi este componente de tema, pero se muestra en todo el foro (y solo en las subcategorías). Lo que quiero es que solo aparezca en el bloque/lista de categorías en la página de Categorías. La única opción que tiene Discourse es colocar una imagen .png.
.navigation-categories .category-text-title .category-name{
position: relative;
&:before{
position: relative;
font-family: "Font Awesome 5 Pro";
content: "\f054";
font-weight: 900;
}
Esto es lo que estoy intentando, pero con iconos de Font Awesome.
Misma solicitud:
Ah, vale, el CSS que publicaste ya no funciona.
Creo que la mejor manera de lograr esto sería agregar una salida de plugin a la plantilla category-title-link y utilizar un widget para añadir el icono correspondiente antes del nombre de la categoría. Me parece lógico que el componente Category Icons incluya opcionalmente el icono de la categoría en la lista de categorías. Si solo deseas que los iconos se muestren en la lista de categorías, podrías ocultarlos en las demás ubicaciones con CSS.
@pmusaraj, ¿qué opinas? Si crees que es una buena idea, puedo crear un PR para la salida de plugin y luego intentar trabajar en un PR para el componente Category Icons que añada esta funcionalidad.
Eso sería genial. @pmusaraj
Eso me parece bien, gracias por investigarlo.
@tshenry ¿tienes alguna actualización sobre eso?
Esta funcionalidad ahora está incluida en el componente de iconos de categoría. Para que la función funcione correctamente, asegúrate de tener la última versión de Discourse y la última versión del componente.