Lightbox画像には`vertical-align`が設定されておらず、素の`img`タグとずれてしまいます

優先度/重大度: 低。
プラットフォーム: Windows 10 の Firefox 127.0 および Android 14 の Chrome 125.0.6422.165 で確認済み。
説明: 以下を参照してください。
再現手順: 690×500 ピクセルを超える解像度の画像と、それより低い解像度の画像を同じ行に配置します。


期待される動作

ライトボックス化された画像と通常の img は、CSS によって同じように扱われるべきであり、ライトボックスの余分な装飾はすべて除外されるべきです。

問題点

Discourse の組み込み CSS では imgvertical-align: middle が設定されていますが、.lightbox-wrapper には設定されていません。これにより、同じ行にあるライトボックス化された画像とライトボックス化されていない画像がずれて表示され、不要な垂直スペースが取られてしまいます。

解決策

修正は簡単です。.lightbox-wrapper にも vertical-align: middle を追加します。

「いいね!」 4

詳細なレポートをありがとうございます。修正を適用しました。

これはまもなくDiscourseのアップデートで利用可能になります。

「いいね!」 4

素晴らしい!本当にありがとうございます! :blush:

「いいね!」 1

このトピックは3日後に自動的に閉じられました。返信はもう許可されていません。