الأولوية/الخطورة: منخفضة.
المنصة: تم التأكيد في Firefox 127.0 على نظام Windows 10 و Chrome 125.0.6422.165 على نظام Android 14.
الوصف: انظر أدناه.
خطوات التكرار: ضع صورتين، إحداهما بدقة تزيد عن 690 × 500 بكسل (في أي من البعدين) والأخرى بدقة أقل، في نفس السطر.
السلوك المتوقع
يجب أن تعامل الصور المعروضة في صندوق إضاءة والصور العادية img بنفس الطريقة بواسطة CSS، باستثناء جميع الإضافات والميزات الإضافية لصندوق الإضاءة.
المشكلة
يحتوي CSS المدمج في Discourse على vertical-align: middle مضبوط لـ img، ولكن ليس لـ .lightbox-wrapper، مما يؤدي إلى عدم محاذاة الصور المعروضة في صندوق إضاءة والصور غير المعروضة في صندوق إضاءة على نفس السطر واستهلاك مساحة رأسية غير ضرورية:
الحل
الحل بسيط: أضف vertical-align: middle إلى .lightbox-wrapper أيضًا.
