Previsualizaciones de la lista de temas (TLP)

@merefield - Quiero disculparme por las molestias por no haber probado lo suficientemente a fondo. El problema provino del componente TC Topic Banners component no mantenido. No me di cuenta de que se había marcado como no mantenido hace algún tiempo, y de alguna manera interfirió con tu TC.

¿Crees que debería sugerir una nueva función de Discourse para mostrar el estado de TC en el panel de administración respectivo?

1 me gusta

No hay problema. Creo que el equipo principal ya ha hecho algunos esfuerzos para mejorar esa situación. No estoy seguro de si hay más que puedan hacer, pero en cualquier caso, no te preocupes. A veces es difícil saber de dónde viene el problema :).

Parece que tengo un problema: una vez que cargo infinitamente la lista de temas, el diseño se rompe. Para verificar, simplemente abre esta URL: usa el selector de temas (abajo a la izquierda) y cambia a “retro” y desplázate por todos los temas hasta que encuentres el problema: https://neidan.discourse.group

Pantalla:

Como puedes ver en la pantalla, el diseño está roto después de la carga infinita… los pulgares y todo está aplastado junto…

El foro está alojado oficialmente por Discourse, por lo que hay una cantidad muy pequeña de plugins y modificaciones.

No recuerdo haber tenido este problema obvio antes; debe haber ocurrido con una actualización…

1 me gusta

Curioso. Y no hay errores en la consola. Le echaré un vistazo cuando tenga oportunidad. Gracias por el informe. (Por cierto, el sitio tiene buena pinta :slight_smile: )

(Para tu información, la falta de renderizado nativo de Masonry en el navegador es una omisión molesta que nos obliga a escribir JavaScript más frágil. Este componente temático tiene más de 8 años y en todo ese tiempo todavía están discutiendo la implementación!)

Puedo reproducirlo. Parece que esto también rompió https://starzen.space después de una actualización.

Pruébalo a ver qué tal (creo que puede estar relacionado con el cálculo del tamaño cuando está fuera de pantalla; existía una solución alternativa pero estaba restringida a Firefox)

Por favor, actualiza y dime si resuelve tu problema.

¡Hola! ¡Gracias por la solución rápida! Parece que funciona, aunque parece una solución temporal porque en el primer milisegundo veo el mismo problema, pero luego se reajusta solo. Sin embargo, los resultados funcionan por ahora. ¡Gracias!

1 me gusta

Oh, es más que una “solución provisional” en ese sentido. El JavaScript está diseñado para no imponer demasiado. Si se ejecutara más a menudo, gastaría energía. Es un compromiso hasta que masonry sea compatible con CSS…

¡Entiendo! ¡Muchas gracias por la rápida solución! :slight_smile: Me quedaré con tu componente y espero que suceda pronto.

No te emociones mucho jaja

2 Me gusta

una última cosa, noté que la vista móvil en mi iPhone 13 mini está un poco más desalineada de lo normal; aquí hay una captura de pantalla

esto es definitivamente peor que antes. ¿hay alguna manera de arreglar esto? El texto y la imagen se salen del borde.

@patrickemin podrías probar también este CSS:

.tiles-style .topic-list-item.tiles-style  {
    background-color: var(--primary-very-low);
}

para darte un color de fondo simple para ayudar a diferenciar los mosaicos.

entonces no necesitarías el plugin sidecar.

Seguro que se puede arreglar con CSS. Si necesitas ayuda Marketplace

El componente es de código abierto y no hay suscripción, pero me temo que mi soporte gratuito es limitado ya que soy un tipo ocupado.

¿No estoy viendo ese problema en ninguno de los sitios listados en el OP? (siéntete libre de confirmar en tu dispositivo) Sospecho que puede estar relacionado con los requisitos especiales de tu tema específico.

Gracias, pero ¿se ven afectados todos los mosaicos? Idealmente, solo un mosaico de cada dos (mosaicos pares) tendría este fondo, pero supongo que esto no es posible con CSS.

Recomendaría contratar a alguien si tiene necesidades especiales Marketplace

1 me gusta

He añadido otra corrección que debería hacer que las cosas funcionen mucho mejor:

Esto debería redimensionar las fichas cuando cambia el número de temas.

Me encontré con un caso extremo, ¡jaja!

Quiero tener avifs animados de 360p para las previsualizaciones de temas, así que establecí:

Funcionó bien hasta que abrí un tema y me desplacé hacia abajo a las recomendaciones :joy:

Aparentemente, las recomendaciones no tienen un límite de tamaño por alguna razón.
(y la imagen y el enlace de la tarjeta van a la parte superior del tema y no a la nueva publicación (como lo hace el enlace del título), pero ese es otro problema)

2 Me gusta

Se añadió un suggested a Topic list tiles topic lists, parece que se solucionó un poco

1 me gusta

@merefield
¿Podrías por favor comprobar si los enlaces de imagen y detalles enlazan a /t/foo/123 en lugar de a t/foo/123/1, como hace el enlace del título?
Creo que es un error en alguna parte
Rompe los enlaces de temas no leídos (obviamente deberían enlazar a la nueva publicación)

La imagen está pensada para enlazar al OP, ya que ahí suele estar la miniatura. Podríamos añadir configuraciones para ofrecer más opciones, incluyendo (pero no limitado a):

  • último post leído y
  • miniatura seleccionada actualmente (que no tiene por qué estar en el primer post, ya que puedes seleccionar una diferente)
3 Me gusta