مرحباً يا رفاق،
لقد قمنا مؤخرًا بترقية منتدى Discourse الخاص بنا (tw.forumosa.com)، ومع آخر تحديث، تمت إضافة رأس “مرحبًا بعودتك” الجديد وشريط البحث المتكامل إلى الصفحة الرئيسية. بينما يبدو الأمر جيدًا من حيث المفهوم، فقد لاحظنا بعض مشكلات قابلية الاستخدام - خاصة على الأجهزة المحمولة:
1. قد تكون قائمة البحث المنسدلة غير قابلة للقراءة بسبب الشفافية
عند النقر على أيقونة البحث في شريط التنقل العلوي (على نظام Android، على سبيل المثال)، تظهر القائمة المنسدلة ولكن لها خلفية شفافة، مما يجعل من المستحيل تقريبًا قراءة نتائج البحث فوق المحتوى الموجود خلفها. يجب أن يؤدي وجود خلفية صلبة إلى حل هذه المشكلة. لقد نشرت لقطات شاشة لما أعنيه أدناه.
2. الرأس طويل - كيف يمكننا ضبط التباعد الرأسي؟
تستهلك رسالة الترحيب الجديدة وشريط البحث جزءًا كبيرًا من مساحة الشاشة على الأجهزة المحمولة. نظرًا لأن لدينا بالفعل أيقونة البحث في شريط التنقل، فإن شريط البحث المضاف يبدو زائدًا عن الحاجة. نود تضييق ارتفاع هذا الرأس أو إخفاء شريط البحث الإضافي / رسالة الترحيب بالكامل على الشاشات الصغيرة.
قد يؤثر هذا على سطح المكتب أيضًا، ولكنه يمثل مشكلة خاصة على الأجهزة المحمولة حاليًا.
هل واجه أي شخص هذا ووجد طريقة نظيفة لتجاوزها عبر CSS أو مكونات السمات؟
تحياتي!
