Lightboxed Bilder haben keine `vertical-align`-Einstellung, was sie mit normalen `img`s falsch ausrichtet

Fehler
,
1

Priorität/Schweregrad: Niedrig.
Plattform: Bestätigt in Firefox 127.0 unter Windows 10 und Chrome 125.0.6422.165 unter Android 14.
Beschreibung: Siehe unten.
Reproduzierbare Schritte: Platzieren Sie zwei Bilder, eines mit einer Auflösung von über 690×500 Pixeln (in einer der Dimensionen) und eines mit einer Auflösung darunter, in derselben Zeile.

Erwartetes Verhalten

Lightboxed Bilder und normale img-Tags sollten von CSS auf die gleiche Weise behandelt werden, abgesehen von den zusätzlichen Extras eines Lightbox-Elements.

Das Problem

Discourse’s integriertes CSS hat vertical-align: middle für img gesetzt, aber nicht für .lightbox-wrapper, was dazu führt, dass Lightbox-Bilder und nicht-Lightbox-Bilder in derselben Zeile nicht ausgerichtet sind und unnötigen vertikalen Platz beanspruchen:

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

Die Lösung

Die Lösung ist einfach: Fügen Sie auch vertical-align: middle zu .lightbox-wrapper hinzu.

4 „Gefällt mir“
2

Vielen Dank für den detaillierten Bericht! Hier wurde ein Fix angewendet:

und wird bald in Discourse-Updates verfügbar sein.

4 „Gefällt mir“
3

Wunderbar! Vielen Dank! :blush:

1 „Gefällt mir“
4

Dieses Thema wurde nach 3 Tagen automatisch geschlossen. Neue Antworten sind nicht mehr möglich.