El diseño de la imagen está siendo reformateado en bloques ocultos

Hola, soy moderador desde hace mucho tiempo en un foro de Discourse y me encanta la plataforma. Sin embargo, en una actualización reciente, parece que el formato de los bloques ocultos ha cambiado y ha estropeado una “lista de niveles” que gestiono en nuestro foro.

Déjame demostrar…
(EDITAR: Como soy un usuario nuevo aquí, solo puedo añadir una imagen en una publicación, así que no puedo demostrarlo. Publico esto de todos modos y si alguien puede demostrarlo a continuación, sería excelente. De lo contrario, puedes ver el problema aquí: 🏆 Neo Monsters tier list (see first post) 🏆 - #2 by Killerdog - Neo Monsters Guides and Tutorials - ZigZaGame Forum)

[imagen 2] [imagen 3] [imagen 4] [imagen 5]

^ Aquí están en una bonita línea horizontal

Nivel S

Aquí incrusté las mismas imágenes

^ Aquí aparecen en una línea vertical

Durante la edición, la vista previa las muestra en horizontal, pero unos segundos después de guardar la edición en la publicación, las invierte en vertical.

Esto me parece un error, ya que el formato es inconsistente y nunca antes había funcionado de esta manera.

Hola, ¡bienvenido a meta! :wave: :smile:

Creo que tu problema es que el light box se está aplicando a tus imágenes, haciendo que usen el ancho completo. Estoy bastante seguro de que antes no se aplicaba a imágenes tan pequeñas, así que esa podría ser la razón. Además, miré el CSS y no hubo cambios recientes en la etiqueta [details]. :thinking:

En resumen: aquí tienes un CSS que puedes añadir a tu tema o a un nuevo componente temático:

.cooked details[open] .lightbox-wrapper {
    display: inline-block;
}

Entonces, deberías obtener lo que quieres:


Como nota aparte, creo que la imagen debería estar en línea en [details]. Ese es el comportamiento predeterminado fuera de esa etiqueta, y le daría al usuario la opción en línea/bloque. :thinking:

EDITADO: Como descubrió Moin, que el light box se aplique a imágenes pequeñas está relacionado con:

2 Me gusta

Muchas gracias @Moin por rastrear el problema hasta lightbox, que ahora se aplica a imágenes más pequeñas que antes. Me pondré en contacto con el administrador de nuestro foro e intentaré que modifiquen el tema / componente temático con la sugerencia de CSS.

2 Me gusta

@Arkshine ¡Gracias de nuevo, la solución funcionó!

2 Me gusta