Tarjetas de tema

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.

:warning: 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 :sweat_smile: 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
  }
}

Gracias por este componente. Está haciendo mucho trabajo en nuestro sitio y lo apreciamos.

Una petición. Gestionamos una comunidad donde los miembros usan sus nombres reales, así que hemos desactivado la opción de priorizar el nombre de usuario en la UX y activado la de mostrar el nombre en las publicaciones. Ahora los nombres completos se muestran correctamente en las publicaciones, las tarjetas de usuario y los perfiles. El único lugar que sigue mostrando el @nombre de usuario es el autor en las tarjetas de temas.

¿Sería posible añadir una configuración para que el autor de la tarjeta respete la configuración de visualización de nombres del sitio, mostrando el nombre completo del miembro y recurriendo al nombre de usuario cuando no se haya establecido ningún nombre?

Estaremos encantados de probar cualquier cambio en nuestra instancia e informar sobre los resultados. Gracias otra vez por crear y mantenerlo.

2 Me gusta

¡Claro que sí! Idealmente deberíamos admitir esto en la mayoría de los lugares donde aparecen los nombres de usuario. Acabo de agregar esta función aquí: FEATURE: support prioritizing real names - Pull Request #84 - discourse/discourse-topic-cards - GitHub — así que deberías empezar a ver los nombres reales después de actualizar el componente.

5 Me gusta

¡Qué genial, Kris, gracias. Bronwyn

2 Me gusta