Dos preguntas…
El primer tema en una lista, parece tener su miniatura envuelta/forzada a la izquierda, y eso parece afectar el tamaño/forma de la categoría:
Segundo, más allá del primer tema, una capa de la miniatura va debajo y otra va encima de los controles sobre la lista de temas…
¡Gracias por informar! Uno de nuestros diseñadores lo revisará.
¡Hola!
Nuestro tema Horizon no está diseñado para ser compatible con el componente topic-list-thumbnail. Ambos alteran la estructura de las tarjetas de temas de maneras muy diferentes y, por lo tanto, no funcionan bien juntos.
Aquí puedes encontrar una lista con el estado actual con respecto a la compatibilidad con otros componentes:
fyi, no lo veo mencionado/listado en ese tema que enlazaste.
Es un componente oficial, así que ¿será compatible “en algún momento” o quedará obsoleto, o . . .
Tenga en cuenta que lo uso en dos comunidades (que alojo con Discourse.com) donde la vista de cuadrícula es una característica principal en algunas categorías:
En mi comunidad de Podcaster de 5 años, a los podcasters les encanta ver las carátulas de sus programas…
https://forum.podcaster.community/c/introductions/9
…y en una nueva comunidad (aún estamos desarrollando esto) relacionada con las Peonías (las plantas con flores) imaginábamos una galería usando la vista de cuadrícula llena de imágenes…
Ese es el punto: no está listado, así que no tiene soporte.
Es un componente oficial, lo que significa que nos aseguramos de que funcione con nuestro tema básico (foundation), pero no tendrá soporte en Horizon en el corto plazo, que es nuestro tema opinionado.
Lo he trasladado a Contribute > Feature. No lo consideramos un error ya que actualmente no es un componente soportado, pero creo que está bien seguir debatiendo la solicitud aquí.
Últimamente hemos estado debatiendo el patrón general de usar categorías para diferentes casos de uso, y veo que esta solicitud podría encajar de alguna manera en esa historia general.
¿Podrías compartir un poco más sobre cada uno de los casos de uso de las categorías que utilizan esta función?
Categorías donde el aspecto visual de los temas es primordial; donde una imagen de la primera publicación de un tema es al menos tan importante como el texto y, por lo tanto, merece ser vista como una miniatura en las listas de temas. Casos en los que un diseño de mosaico de imágenes grandes (una sola columna, imagen a todo ancho en dispositivos móviles; unas 3 por fila en escritorio) es más importante que profundizar en los temas específicos. Los podcasters interactúan con las carátulas de los programas de otros, los jardineros interactúan con imágenes de plantas, etc.
Me encantaría saber más detalles sobre sus casos de uso particulares, por ejemplo, los dos que mencionó aquí:
¿Puede describir un poco más el propósito de la categoría donde las personas comparten su carátula?
¿Cuántas categorías hay en total en cada una de estas comunidades? De esas categorías, ¿cuáles utilizan este diseño y cuáles no?
Si otros expresan el deseo de esta función, también me interesa capturar esas historias.
Escuchar ejemplos reales y concretos de cómo las personas están utilizando la función actual nos ayudará a comprender mejor el contexto más amplio de sus necesidades aquí.
Por ejemplo, en estas categorías, ¿exigen que las personas incluyan una imagen en su primera publicación? Si es así, ¿tienen los medios adecuados para hacerlo cumplir?
Vi esa publicación, gracias. Agradezco que compartieras el enlace directo a tu foro junto con la captura de pantalla. Puedo hacer algo de exploración por mi cuenta para empezar.
Estoy explorando tu sitio un poco y creo que tengo una mejor comprensión de las cosas. Déjame compartir y ver si lo he entendido bien.
¿Has tenido que hacer algo más para animar a la gente a incluir una imagen como parte de su publicación de introducción? ¿O es suficiente para que todos simplemente vean que “todo el mundo lo está haciendo”?
El uso en las introducciones disminuyó, ya que la participación de la comunidad se ha desvanecido. Estoy en medio de un cambio de marca de la comunidad para convertirla en la marca Podtalk (https://podtalk.show), que encaja mucho mejor, haciendo que el programa existente y la comunidad sean sinérgicos. (Son sinérgicos, pero no es obvio para la gente). Como parte de eso, estoy actualizando la incorporación de nuevos usuarios a la comunidad… al menos teniendo una presentación explícita de “preséntate” en el tema de bienvenida, en el mejor de los casos, curando una secuencia de mensajes directos para sugerirla. Ya veremos.
Creo que mi confusión es que no está en la lista en la sección Incompatible de la página, por lo que no hice la suposición de que, dado que no estaba listado en ninguna sección, era automáticamente incompatible, ya que no todos los componentes de temas se enumeran allí de todos modos.
Nuestra comunidad también se beneficiaría enormemente del componente de miniaturas de temas. Tenemos muchos elementos de diseño para compartir con nuestros miembros que forman parte de nuestra biblioteca de recursos comunitarios, por lo que la capacidad de mostrar imágenes de manera destacada es muy útil e importante.
¿Es posible hacer una solución alternativa para esto usando CSS?
Ojalá pudiera decirte que “sí”, pero las tarjetas de temas son tan específicas para Horizon que es esencialmente imposible personalizarlas más.
Tu mejor opción es añadir tu voto a esta solicitud de función. Cuantos más votos, más fuerte será la señal para que dediquemos la (considerable) cantidad de trabajo.
No estoy realmente seguro de si esta es la mejor manera de lograrlo, ni puedo garantizar que el código se mantendrá en el futuro, pero cualquier persona que lo desee puede revisar y utilizar este TC para mostrar miniaturas en Horizon.
Por ahora, funciona en nuestro sitio de manera sostenible. Se agradecen todo tipo de revisiones, mejoras y PRs.
Hola, gracias por el trabajo. Me resulta extraño que esto no sea un punto de interés mayor para el tema Horizon. Para mí, una “tarjeta de tema de alto contexto” incluiría lógicamente una miniatura (opción).
El componente funciona para mí, y hasta ahora tengo estas notas.
Hola, gracias por compartir tu experiencia. Tendré todo esto en cuenta y veré qué puedo hacer al respecto.
Gracias,
Veo que se han hecho algunos cambios agradables.
Me gusta la relación de aspecto fija en móvil y la altura fija en escritorio.
Sobre el extracto del artículo que falta. ¿Lo has notado o es un problema en mi lado? Aquí solo se muestra el título, centrado verticalmente.
No veo una solución fácil para la vista móvil. En su forma actual, siento que a la imagen le vendrían bien bordes redondeados, característicos del tema Horizon, y un margen a la izquierda.
Genial, me alegra que te haya gustado la actualización anterior; a mí también me parece muy bien.
En cuanto al extracto de publicación que faltaba, buena observación. En nuestra instancia era intencional (lo combiné con otro componente que ocupaba ese espacio), pero finalmente cambié mi enfoque.
Los extractos están habilitados de nuevo por defecto; también hay una nueva configuración compact_last_reply que reduce un poco las alturas de las tarjetas. El título flotando en el centro era un error de rejilla aparte, que también se ha corregido.
Gracias por compartir tu experiencia.
Está muy bien. Funciona y se ve muy bien.
Noté que el extracto no muestra un emoji cuando no hay espacio entre el texto y el símbolo “:”. Sin embargo, sí aparece en la publicación. No estoy seguro de si es un error del componente o algo propio de Discourse.
Temo que se trate de algo relacionado con el núcleo (Core), que realiza diversas conversiones en los emojis y genera el comportamiento que describes.
Tal vez puedas probar habilitando la opción enable_inline_emoji_translation en tu instancia.
