El Topic Cards ofrece una forma sencilla, pero a la vez hermosa y utilizable, de representar temas en las páginas principales. Sin embargo, hay margen de mejora en los metadatos que presenta.
Solo muestra Me gusta. Mientras tanto, el también oficial Topic List Thumbnails muestra elegantemente iconos para Vistas, Me gusta, Respuestas, y la Última actividad también se representa de forma ordenada junto con estos iconos.
Muestra la fecha de publicación en lugar de la fecha de la última actividad, lo que es inconsistente con el comportamiento predeterminado de Discourse y podría causar confusión a los usuarios (“¿por qué este tema está en la parte superior si es tan antiguo?”)
La solución podría ser sencilla en cuanto a UX: representar los metadatos en Topic Cards tal y como se están representando en Topic List Thumbnails. Mismo código, si es posible. Más coherencia y, teóricamente, menos trabajo de mantenimiento.
Ver para comparar:
Topic Cards
Ver la fecha de publicación a la izquierda y el a la derecha.
Mismo tema. El doble de datos mostrados y, sin embargo, no añade desorden, y la fecha corresponde a la última actividad, no a la fecha de publicación, al igual que lo hace el valor predeterminado de Discourse.
Para simplificar esta sugerencia, propongo referirme a un componente oficial (Topic List Thumbnails) para mejorar otro componente oficial (Topic Cards). Añadir temas o componentes de terceros complica las cosas, sin importar lo buenos que sean estos componentes externos.
Personalmente, prefiero quedarme con el tema predeterminado y construir sobre él. Podríamos estar conformándonos con el tema Graceful solo porque ofrece más flexibilidad de diseño con áreas de fondo/flotantes. Topic Cards complementa bien los principios del tema Graceful y no añade más funcionalidades que (en nuestro caso) no necesitamos.
Me parece una buena mejora. No tenemos ancho de banda para implementar este cambio ahora mismo, pero lo marco como pr-welcome, lo que significa que estaremos encantados de revisar una contribución de la comunidad que realice el cambio propuesto aquí.
Hemos implementado esta versión en https://podkasts.org y la hemos probado en escritorio y móvil.
Hemos añadido CSS adicional (localmente, separado de la versión del componente de @RGJ) para
a) Eliminar “Publicado” (ver mi razonamiento para este cambio arriba)
b) Hacer que funcione mejor con el tema Graceful (que introduce un margen izquierdo que limita el espacio en el móvil).
El resultado final es exactamente lo que queríamos.
Creo que sería una buena idea añadir una opción para mostrar/ocultar las métricas adicionales. El diseño original pretendía ser más minimalista al eliminar parte del contenido, por lo que me gustaría poder mantener esa intención.
a la derecha.
PR aquí 
