Para temas sin imágenes, solo quiero que sea visible el título del tema. ¿Hay alguna manera de hacer esto?
Pude hacer esto con un poco de CSS
.topic-list-thumbnail.no-thumbnail {
display:none;
}
1 me gusta
Muchas gracias, eso es exactamente lo que estaba buscando.
Una publicación fue fusionada en un tema existente: ¿Cómo mostrar fragmentos de contenido en el componente de tema Topic List Thumbnails si no hay imagen en un tema?
Gracias a los autores. Es un componente excelente.
Hay algunos problemas en el modo mampostería (masonry). Cuando las miniaturas se obtienen de diferentes maneras (imágenes subidas, logotipos e imágenes extraídas de enlaces e imagen de marcador de posición), la solución actual utiliza el desenfoque (blur) para ocupar el ancho no utilizado.
Creo que la mejor manera es usar let thumbnail para ocupar todo el ancho del contenedor y luego dejar que la altura ocupe espacio naturalmente manteniendo la proporción de la imagen.
Intenté personalizar el CSS, pero los problemas como las miniaturas y los textos se conjugarán y no puedo resolverlos. Espero que una versión más nueva lo solucione por mí.
1 me gusta
2 publicaciones se dividieron en un nuevo tema: Deshabilitar miniaturas en móvil rompe la vista móvil
¡Muchas gracias, David Taylor, por un componente de tema tan increíble!
En el estilo de blog, parece que el recuento de respuestas no funciona:
Agradecería mucho si pudieras solucionarlo, ¡muchas gracias!!!
1 me gusta
Gracias por informar sobre esto, acabo de realizar una actualización para solucionarlo aquí: UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub
1 me gusta
Estoy utilizando el componente Miniaturas de la Lista de Temas en mi foro de Discourse. En la vista móvil, los temas sin una imagen destacada muestran una imagen de miniatura predeterminada/de respaldo.
Mostrar los temas sin imagen como una fila de texto normal, sin espacio reservado para miniatura ni margen izquierdo.
¿Existe una configuración, solución CSS o personalización de un componente de tema que pueda lograr esto?
Encontré una solución con Claude AI
/* Ocultar miniatura en móviles para temas sin imagen */
.mobile-view .topic-thumbnails-list .topic-list-thumbnail.no-thumbnail {
display: none !important;
}
/* Corregir diseño de cuadrícula para temas sin imagen (sin columna de miniatura) */
.mobile-view .topic-thumbnails-list .topic-list-body .topic-list-item:has(.no-thumbnail) .right {
grid-template-columns: auto 15% !important;
grid-template-areas:
"title replies"
"data data" !important;
}
1 me gusta