الأولوية/الخطورة: متوسط
المنصة: الجوال، أي نظام تشغيل/متصفح
الوصف: إذا كان الموضوع يحتوي فقط على نص قصير يتناسب مع جزء من عرض الشاشة، فإن مربع محتوى الموضوع لا يشغل العرض الكامل ويترك مساحة فارغة على اليمين.
طلب السحب (Pull request): Fix grid in topic.scss of horizon theme on mobile by fangjue · Pull Request #37604 · discourse/discourse · GitHub
خطوات إعادة الإنتاج:
- أنشئ موضوعًا جديدًا بعنوان ومحتوى قصيرين. على سبيل المثال:
Test short topic
Very short body text. - افتح الموضوع على شاشات الجوال التي تكون أعرض من النص الأساسي. في هذا المثال، يتم محاكاته بأبعاد Pixel 7 في أدوات مطوري Chrome.
- لا يشغل محتوى الموضوع العرض الكامل مثل الموضوعات الأطول الأخرى التي تتضمن أسطرًا جديدة. هناك مساحة إضافية غير متوقعة على يمين الشاشة. كما أن الأزرار غير محاذية بشكل صحيح مع العناصر الأخرى في الصفحة.
- إذا تم نشر رد أطول، يصبح التخطيط طبيعيًا.
تخطيط خاطئ مع محتوى موضوع قصير جدًا:
لاحظ أن وقت النشر والأزرار والتقدم ليست محاذية لليمين مع زر الرد الأزرق للموضوع أدناه.
بعد نشر رد أطول، يصبح التخطيط طبيعيًا:
(سيتم الرفع في الرد التالي بسبب الخطأ: حدث خطأ: عذرًا، يمكن للمستخدمين الجدد وضع عنصر وسائط مضمن واحد فقط في المشاركة.)
