Previsualizaciones de la lista de temas (TLP)

Sí, las Imágenes Destacadas no están habilitadas por defecto… necesitan ser activadas en la configuración del Componente del Tema. Busca todas esas configuraciones que tengan “Imágenes Destacadas” en la descripción.

También ten en cuenta que si eliges identificar las cosas por Etiqueta, asegúrate de que esos temas tengan Etiqueta.

Noto que todo el div con “tiles-grid-item topic-list-item” se vuelve gris al pasar el cursor y el cursor es un puntero al pasar el cursor, sin embargo, el elemento/tarjeta completo no es clicable, sino solo el texto y el título. ¿Se podría cambiar para que todo el elemento/tarjeta sea clicable?

Cómo y por qué encontré esto y me gustaría solicitar un cambio: en caso de que tenga un título corto, el espacio a la derecha del título no es clicable, pero el fondo gris/cursor de puntero me dice que sí lo es. En mi caso, también establecí las imágenes en el 25% del ancho, por lo que todo el espacio alrededor de la imagen no es clicable, pero el fondo/cursor me lo indica.

Para mí, parece que el problema se debe a que el enlace está adjunto al texto y a la imagen y no al div circundante, lo que establece el cambio de color de fondo/cursor al pasar el cursor.

Intenté jugar con CSS para cambiar eso, pero no encontré una solución que funcionara, ya que solo estoy trabajando en modo de prueba y error en CSS, y no tengo conocimientos de JS.

1 me gusta

El título, el extracto de vista previa del texto y la miniatura deberían ser clickeables.

Experimenté con que toda la superficie fuera clickeable (¡lo que tiene sentido funcional, sin duda!), pero eso causó un problema con EmberJS y hacer clic en el título dejó de funcionar, así que lo eliminé.

El problema surge del hecho de que estoy usando el componente Title estándar y anidarlo dentro de un enlace parece causar problemas.

Si puedes hacer que funcione, siéntete libre de enviar un PR.

Es posible que haya que hacer una gran refactorización en unos meses debido a los próximos cambios en el núcleo, así que si no lo has abordado para entonces, puede que lo considere entonces.

jaja, me honras, pero por ahora esto está muy por encima de mis habilidades de CSS/JS. Lo que haré en su lugar es desactivar el cursor de puntero para el elemento/tarjeta, así como el cambio de color de fondo al pasar el ratón por encima : )

1 me gusta

El último commit rompe el componente en estable (y probablemente también en 3.1.0beta6 y versiones anteriores). ¿Puedes añadir un archivo .discourse-compatibility?

1 me gusta

PR de bienvenida

NB Nunca se ha pretendido dar soporte a versiones anteriores o estables, pero si eso puede ayudar a facilitarlo, adelante.

¿Podrías indicarme el hash del commit del cambio principal que realizaste en el último cambio?

Así que no resolví esto directamente, pero copié el enfoque de la PR de David a “News Plugin”, que incluía esta entrada:

Extrañamente, esta entrada no pareció ayudar a alguien que se vio obligado a fijar una bifurcación manualmente.

PERO: He encontrado el commit y está aquí: https://github.com/discourse/discourse/commit/c6cd3af5b54e124911389bf88cf0dad5aa916de6

Pero eso está marcado: v3.1.0.beta7 :thinking: ?!

Así que supongo que aquí podríamos añadir:

< 3.1.0.beta7: a4c3fc6ed3caf8f4aa93b20f44ad14d200794823?

@RGJ He ido y lo he confirmado:

Avísame si eso soluciona tu problema o no…

2 Me gusta

¡Parece que sí, gracias!

2 Me gusta

Tenga en cuenta que he cambiado el orden; creo que el commit más reciente debería estar en la parte superior.

Extraño error/comportamiento.
En Admin > personalizar > Temas > Claro > CSS/HTML personalizado > Pie de página, agregué un HTML simple para agregar un pie de página a nuestra comunidad.
Cuando habilito este componente, ese HTML no se renderiza. Lo he comprobado, no está oculto con CSS debido a algún conflicto fortuito, simplemente no se carga.
¿Alguna idea de qué podría ser?

<div class="px-6 text-white bg-black h-[250px] md:h-[187px] lg:h-[198px] cust-footer">
	<div class="flex flex-col justify-between h-full py-10 md:flex-row-reverse md:items-center ">
		<div class="socials"><a href="https://coherence.io/discord"><img src="https://coherence.io/images/icon-discord.png" alt="Discord"></a><a href="https://www.facebook.com/coherence.io"><img src="https://coherence.io/images/icon-fb.svg" alt="Facebook"></a><a href="https://twitter.com/coherenceio"><img src="https://coherence.io/images/icon-twit.svg" alt="Twitter"></a><a href="https://www.instagram.com/coherence_io"><img src="https://coherence.io/images/icon-insta.svg" alt="Instagram"></a><a href="https://www.linkedin.com/company/coherence-io"><img src="https://coherence.io/images/icon-linkedin.svg" alt="LinkedIn"></a></div>
		<div class="flex flex-col gap-2"><a href="https://coherence.io/"><img src="https://coherence.io/images/coherence-logo-white.svg" alt="coherence logo" class="w-32 h-6 mx-auto lg:w-40 lg:h-10 logo md:-ml-2 lg:ml-0"></a><div class="copyright">©2023 coherence ApS. Todos los derechos reservados.</div><div class="flex flex-wrap justify-center w-full gap-4 mt-8 md:mt-4 md:justify-start"><a class="text-white border-b-2 border-blue" href="https://coherence.io/privacy">Política de privacidad</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/terms">Términos de servicio</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/careers">Carreras</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/ggj">Global Game Jam</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/blog">Blog</a></div></div>
	</div>
</div>

¿Puedo preguntar, cómo se relaciona esto con el componente temático de vistas previas de la lista de temas?

¿Así que tú también estás sorprendido? Intentaré ilustrarlo:
Esto ocurre en cada página de comunidad.

Sin el componente Previews habilitado. Tengo un pie de página (amarillo), con contenido. El cian son los otros componentes principales, para ilustrar la posición del pie de página.

Con el componente Previews habilitado. El contenido del pie de página (amarillo) desaparece por completo, el div está vacío.

1 me gusta

TLP no debería tocar la página de Categorías en absoluto (está estructurada de manera que evita la anulación discreta, ¡además de que no hay espacio para cosas adicionales!), a menos que tenga Imágenes Destacadas activas.

¿Está viendo algún elemento rojo en la consola?

@per_coh Puedo reproducirlo, gracias por tu persistencia.

¡Muy extraño!

Sin embargo, no hay errores de Javascript, hasta donde sé.

Tampoco hay competencia para ese outlet de plugins.

Le echaré un vistazo más a fondo cuando tenga tiempo, sin embargo, siéntete libre de enviar un PR con una solución si encuentras una.

1 me gusta

Gracias @merefield, realmente lo aprecio. Me encanta este componente, es precioso y fácil.
Lo único que noté, sea relevante o no, es que el “id” de ember del pie de página cambia entre 156 y 157. Casi como si el 157 estuviera reservado.

@merefield este componente está creando problemas en la búsqueda avanzada. A pesar de que hay múltiples resultados de búsqueda (más de 50), solo se mostrará uno en la lista.

Aquí está el error en la consola:

4 Me gusta

Gracias por el informe. Le echaré un vistazo. Casi con toda seguridad, un cambio que rompe la compatibilidad de core.

1 me gusta

Eso está arreglado:

4 Me gusta