Приоритет/Серьезность: Низкий.
Платформа: Подтверждено в Firefox 127.0 на Windows 10 и Chrome 125.0.6422.165 на Android 14.
Описание: См. ниже.
Шаги для воспроизведения: Разместите два изображения на одной строке: одно с разрешением более 690×500 пикселей (по любой из сторон), а другое — с разрешением менее этого значения.
Ожидаемое поведение
Изображения, отображаемые в лайтбоксе, и обычные теги img должны обрабатываться CSS одинаково, за исключением всех дополнительных функций лайтбокса.
Проблема
Встроенные стили Discourse задают vertical-align: middle для img, но не для .lightbox-wrapper. В результате изображения в лайтбоксе и обычные изображения, расположенные на одной строке, не выровнены по вертикали и занимают лишнее вертикальное пространство:
Решение
Исправление простое: добавьте vertical-align: middle также и для .lightbox-wrapper.
