القائمة التنقل غير متمركزة عمودياً على الهاتف المحمول

تجربة المستخدم
1

تباعد الجزء العلوي أو #main-outlet هو 20 بكسل[1]:

صورة شاشة لتتبع المشكلات وتذاكر الدعم على منصة تسمى "#main-outlet". (تم التعليق عليها بواسطة الذكاء الاصطناعي)
صورة شاشة لتتبع المشكلات وتذاكر الدعم على منصة تسمى "#main-outlet". (تم التعليق عليها بواسطة الذكاء الاصطناعي)387×860 68.6 KB

الهامش السفلي لشريط التنقل هو 12 بكسل[2]:

تُظهر الصورة قائمة مخفية لشريط تنقل IsCourse، تعرض خصائص CSS وإعدادات الوصول. (تم التعليق عليها بواسطة الذكاء الاصطناعي)
تُظهر الصورة قائمة مخفية لشريط تنقل IsCourse، تعرض خصائص CSS وإعدادات الوصول. (تم التعليق عليها بواسطة الذكاء الاصطناعي)387×860 68.7 KB

والنتيجة هي أن شريط التنقل ليس في المنتصف عموديًا بين الرأس والمحتوى الرئيسي:

صورة


تُظهر الصورة لقطة شاشة لخادم Discord الخاص بـ "Isocourse" تعرض تدفقًا لأحدث الرسائل بما في ذلك استفسارات الدعم ومشكلات المكونات الإضافية وتحديثات حول ميزات مثل منشئ جديد ونظام تصويت للموضوعات. (تم التعليق عليها بواسطة الذكاء الاصطناعي)
تُظهر الصورة لقطة شاشة لخادم Discord الخاص بـ "Isocourse" تعرض تدفقًا لأحدث الرسائل بما في ذلك استفسارات الدعم ومشكلات المكونات الإضافية وتحديثات حول ميزات مثل منشئ جديد ونظام تصويت للموضوعات. (تم التعليق عليها بواسطة الذكاء الاصطناعي)387×860 77.6 KB

اقتراحي هو تعديل بعض السمات/القيم لجعل شريط التنقل في المنتصف عموديًا:

تُظهر الصورة قائمة بالمناقشات في منتدى موقع Isocourse، بما في ذلك موضوعات حول مشكلات الشريط الجانبي، وتحسينات عرض الأصوات، ودعم البريد الإلكتروني، وصيانة الخادم، ومنشئ جديد، وتقديم DisCorkie. (تم التعليق عليها بواسطة الذكاء الاصطناعي)
تُظهر الصورة قائمة بالمناقشات في منتدى موقع Isocourse، بما في ذلك موضوعات حول مشكلات الشريط الجانبي، وتحسينات عرض الأصوات، ودعم البريد الإلكتروني، وصيانة الخادم، ومنشئ جديد، وتقديم DisCorkie. (تم التعليق عليها بواسطة الذكاء الاصطناعي)387×860 78.3 KB

  1. 1.25em ↩︎

  2. var(--nav-space): 0.75em ↩︎