Las imágenes en lightbox no tienen `vertical-align` configurado, desalineándolas con las `img`.

Prioridad/Severidad: Baja.
Plataforma: Confirmado en Firefox 127.0 en Windows 10 y Chrome 125.0.6422.165 en Android 14.
Descripción: Ver abajo.
Pasos para reproducir: Coloca dos imágenes, una con una resolución superior a 690 × 500 píxeles (en cualquiera de las dimensiones) y otra con una resolución inferior, en la misma línea.


Comportamiento esperado

Las imágenes en lightbox y las img sin envolver deben ser tratadas de la misma manera por CSS, sin todos los extras de un lightbox.

El problema

El CSS integrado de Discourse tiene vertical-align: middle establecido para img, pero no para .lightbox-wrapper, lo que resulta en que las imágenes en lightbox y las que no lo están, en la misma línea, estén desalineadas y ocupen un espacio vertical innecesario:

La solución

La solución es simple: añade vertical-align: middle también a .lightbox-wrapper.

4 Me gusta

¡Gracias por el informe detallado! Se ha aplicado una corrección aquí:

y estará disponible pronto en las actualizaciones de Discourse.

4 Me gusta

¡Maravilloso! ¡Muchas gracias! :blush:

1 me gusta

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