Les images en lightbox n'ont pas `vertical-align` défini, les désalignant avec des `img` simples.

Bug
,
1

Priorité/Gravité : Faible.
Plateforme : Confirmé dans Firefox 127.0 sur Windows 10 et Chrome 125.0.6422.165 sur Android 14.
Description : Voir ci-dessous.
Étapes reproductibles : Placez deux images, l’une avec une résolution supérieure à 690 × 500 pixels (dans l’une ou l’autre dimension) et l’autre avec une résolution inférieure, sur la même ligne.

Comportement attendu

Les images en lightbox et les img simples devraient être traitées de la même manière par le CSS, sans tous les extras d’une lightbox.

Le problème

Le CSS intégré de Discourse a vertical-align: middle défini pour img, mais pas pour .lightbox-wrapper, ce qui entraîne un désalignement des images en lightbox et non en lightbox sur la même ligne, et une occupation inutile d’espace vertical :

557×1169 463 KB
678×811 395 KB
336×456 39.1 KB
771×900 324 KB
145×222 38 KB

La solution

La solution est simple : ajoutez également vertical-align: middle à .lightbox-wrapper.

4 « J'aime »
2

Merci pour ce rapport détaillé ! Une correction a été appliquée ici :

et sera bientôt disponible dans les mises à jour de Discourse

4 « J'aime »
3

Magnifique ! Merci beaucoup ! :blush:

1 « J'aime »
4

Ce sujet a été automatiquement fermé après 3 jours. Les nouvelles réponses ne sont plus autorisées.