Imagen del logo de la categoría superpuesta por texto después de la actualización reciente

Después de una actualización reciente (en algún momento de las últimas semanas), todas las imágenes de las categorías ahora están superpuestas con texto. El sitio está ejecutando la versión 2.9.0 beta 10 y utiliza el tema predeterminado, sin complementos.

Esto ocurre en todos los dispositivos, ejemplo a continuación:

A veces, la superposición incluye uno o dos títulos de hilo. No puedo enlazar el sitio aquí ya que solo es visible para los miembros suscritos.

Ha habido algunos informes de esto recientemente, y creo que tiene que ver con la nueva función de logotipo de categoría oscuro/claro. Hubo un par de correcciones sugeridas en este tema:

1 me gusta

Hola,

Ha habido algunas actualizaciones en esta sección en los últimos días. FIX: set width on category logo img, not container (#18676) · discourse/discourse@ab217d8 · GitHub y FIX: set max-width on category logo img (#18703) · discourse/discourse@c937b6d · GitHub

¿Puedes intentar actualizar tu sitio? Probablemente eso lo solucione. :slightly_smiling_face:

1 me gusta

Actualicé a la última versión beta 10 de 2.9.0. ¿Debería haber solucionado esto? Actualicé desde la interfaz de usuario.

Eso soluciona las imágenes de la categoría de paisaje que tenemos, pero no las verticales. Las verticales tienen un tamaño de 638 x 1024, lo que no parece mucho en estos tiempos :slightly_frowning_face:

1 me gusta

Lo siento, quizás entendí mal esto

Estas actualizaciones llegaron hace 1-2 días. Por lo tanto, es probable que tu versión de Discourse no las contenga si actualizaste hace unas semanas.


¿Puedes compartir la URL de tu sitio para comprobarlo si es pública? :slightly_smiling_face:

El problema ocurrió recientemente pero el sitio está actualizado. No es público.

1 me gusta

También puedes copiar y pegar tu número de versión exacto desde tu panel si no puedes compartir un enlace. :+1:

2 Me gusta
2 Me gusta

Parece que tienes esas correcciones. Quizás haya un caso en el que se haya tenido en cuenta el ancho pero no la altura. :thinking: Es fin de semana para la mayor parte del equipo, pero veo que @Don está escribiendo, así que espero que pueda crear una solución comunitaria mientras tanto. :crossed_fingers: :slight_smile:

1 me gusta

¿Puedes intentarlo en modo seguro? Lamentablemente, no puedo reproducirlo en mi sitio de prueba. Mi mejor consejo sin verlo allí es que un código personalizado de un componente lo está causando.

1 me gusta

No hay cambios con el modo seguro. El sitio es básico, excepto por un par de complementos de inicio de sesión social.

@Amicable Yo tampoco puedo reproducir esto. Tomé una captura de pantalla de tu imagen y la subí a una categoría local, y el diseño está bien:

¿Cuáles son las dimensiones de tu imagen original?

Veo que tu imagen publicada era de 638x1024, la que usé es de 770x1144, así que muy similar.

¿Quizás intentar otra reconstrucción? Si eso no funciona, ¿puedes compartir la lista completa de plugins que estás usando? Es posible que uno de esos plugins esté anulando la plantilla de la categoría, y eso podría entrar en conflicto con los estilos actualizados en el núcleo.

Quizás tenga que ver con la actualización a través de la interfaz web. Ya me ha pasado esto con problemas de CSS. ¿Quizás las hojas de estilo antiguas persisten de nuevo?

El único plugin que tengo en ejecución es el gestor de Docker.

De nuevo estoy fuera y no puedo hacer la actualización en el servidor hasta que regrese más adelante esta semana. Una actualización de la interfaz de usuario web hoy no está solucionando el problema.

Quizás valga la pena que reitere que la corrección de CSS para las imágenes de la categoría de paisajes se ha aplicado y funciona.

1 me gusta

He añadido una línea en el componente CSS de corrección para manejar las imágenes de categoría en vertical. Por lo tanto, el componente CSS de la imagen de categoría ahora se ve así:

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
    max-height: 300px;
  }
}

Esto soluciona temporalmente mi problema, aunque lo que queda es el problema más amplio de las hojas de estilo que persisten al actualizar usando la interfaz web.

@pmusaraj si me dices qué parte del CSS debo inspeccionar para verificar este comportamiento extraño, te informaré. También puedo ofrecer un inicio de sesión por mensaje privado, que ya has tenido antes.

Una actualización rápida para cerrar este problema. Eliminé la corrección del componente CSS recientemente y el problema ya no está. No sé exactamente qué push lo resolvió, pero sería una mejora del equipo de Discourse en algún momento entre octubre y ahora.

1 me gusta

Gracias por la actualización. :+1: Es una pena que no hayamos podido llegar a la causa raíz, pero me alegro de que esté solucionado. :slight_smile:

Este tema se cerró automáticamente después de 2 días. Ya no se permiten nuevas respuestas.