Le immagini lightboxed non hanno `vertical-align` impostato, il che le disallinea con le `img`.

Priorità/Gravità: Bassa.
Piattaforma: Confermata in Firefox 127.0 su Windows 10 e Chrome 125.0.6422.165 su Android 14.
Descrizione: Vedi sotto.
Passaggi per la riproduzione: Posizionare due immagini, una con una risoluzione superiore a 690×500 pixel (in entrambe le dimensioni) e una con una risoluzione inferiore, sulla stessa riga.


Comportamento previsto

Le immagini in lightbox e le img nude dovrebbero essere trattate allo stesso modo dal CSS, escludendo tutti gli extra del lightbox.

Il problema

Il CSS integrato di Discourse ha vertical-align: middle impostato per img, ma non per .lightbox-wrapper, il che si traduce in immagini in lightbox e non in lightbox sulla stessa riga disallineate e che occupano spazio verticale non necessario:

La soluzione

La correzione è semplice: aggiungere vertical-align: middle anche a .lightbox-wrapper.

4 Mi Piace

Grazie per il rapporto dettagliato! È stata applicata una correzione qui:

e sarà presto disponibile negli aggiornamenti di Discourse.

4 Mi Piace

Fantastico! Grazie mille e ancora! :blush:

1 Mi Piace

Questo argomento è stato chiuso automaticamente dopo 3 giorni. Non sono più consentite nuove risposte.