Puedes crear un nuevo componente y añadirlo a tu tema
2 Me gusta
Hola chicos
Hice un fork de TC y jugué un poco para agregar algunas características más:
- Marcador de posición cuando no hay miniatura
- Elegir entre estilo de cuadrícula y lista para escritorio/móvil
- Control de dimensiones más granular
- Control de radio de borde más granular
Puedes encontrar detalles en el repositorio: GitHub - jrgong420/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available.
Divulgación: El fork fue planificado, implementado y probado con la ayuda de herramientas de codificación de IA. Úselo bajo su propio riesgo.
1 me gusta
¿Tiene un par de capturas de pantalla (SS) para demostrar la lista y la cuadrícula con quizás algunas de sus otras adiciones?
Hola chicos y @Heliosurge
Mientras tanto, hemos realizado una revisión y ampliación exhaustiva del componente de tema con muchísimas funciones nuevas, una refactorización completa de todos los componentes y una reestructuración exhaustiva.
Además, también hemos añadido algunas funciones nuevas. Échales un vistazo aquí:
3 Me gusta
Cuando la opción “Mostrar para temas sugeridos” está activada, no parece funcionar bien con los encabezados cuando también se utilizan temas relacionados.
Por favor, cree una configuración para la altura máxima de la tarjeta móvil.
¿Sería posible volver a añadir las Acciones Masivas mientras se utiliza el componente de tarjetas de temas? Lo he dejado visible con algunos ajustes de CSS para mi foro, pero la experiencia de usuario no es muy buena 
Podría ser mejor si se incluyera por defecto dentro del componente.
Ah, y mientras escribo esto, me he desplazado hacia arriba y esto ya ha sido solicitado. ¿Alguna idea de si podría implementarse?
Este es el CSS que utilicé para que al menos fuera utilizable, aunque no muy bonito:
.topic-cards-list .topic-list-header {
display: block;
.topic-list-data.posters,
.topic-list-data.posts,
.topic-list-data.views,
.topic-list-data.activity {
display: none;
}
.topic-list-data.default > span:not([class]) {
display: none; // elimina el texto 'Topic' suelto que no tiene una clase span para apuntar
}
}
.topic-list-body {
tr.bulk-selecting.topic-card {
gap: 0; // elimina el gran espacio entre la casilla de verificación y el resto de la tarjeta del tema
}
}