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

**URL:** <https://meta.discourse.org/t/the-navigation-menu-is-not-vertically-centered-on-mobile/358592>\
**Category:** UX\
**Tags:** mobile\
**Created:** [24 مارس 2025، 2:09م UTC](https://meta.discourse.org/t/the-navigation-menu-is-not-vertically-centered-on-mobile/358592 "2025-03-24T14:09:20Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [24 مارس 2025، 2:09م UTC](https://meta.discourse.org/t/the-navigation-menu-is-not-vertically-centered-on-mobile/358592/1 "2025-03-24T14:09:20Z")

</div>

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

 ![صورة شاشة لتتبع المشكلات وتذاكر الدعم على منصة تسمى "#main-outlet". (تم التعليق عليها بواسطة الذكاء الاصطناعي)](https://global.discourse-cdn.com/meta/original/4X/6/4/2/6426bab1834a0cf9e4f9558467f7d1bb4fa5d395.png)

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

 ![تُظهر الصورة قائمة مخفية لشريط تنقل IsCourse، تعرض خصائص CSS وإعدادات الوصول. (تم التعليق عليها بواسطة الذكاء الاصطناعي)](https://global.discourse-cdn.com/meta/original/4X/d/4/e/d4ea66305987e1a7b8cb405f534351689dd5003a.png)

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

![صورة](https://global.discourse-cdn.com/meta/original/4X/8/3/5/83579d69149f722e70755f2ef7f638c217b0c251.png)

  

 ![تُظهر الصورة لقطة شاشة لخادم Discord الخاص بـ "Isocourse" تعرض تدفقًا لأحدث الرسائل بما في ذلك استفسارات الدعم ومشكلات المكونات الإضافية وتحديثات حول ميزات مثل منشئ جديد ونظام تصويت للموضوعات. (تم التعليق عليها بواسطة الذكاء الاصطناعي)](https://global.discourse-cdn.com/meta/original/4X/b/1/1/b1168aa6f3b90b758016ffd1a51a967766216cd1.png)

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

 ![تُظهر الصورة قائمة بالمناقشات في منتدى موقع Isocourse، بما في ذلك موضوعات حول مشكلات الشريط الجانبي، وتحسينات عرض الأصوات، ودعم البريد الإلكتروني، وصيانة الخادم، ومنشئ جديد، وتقديم DisCorkie. (تم التعليق عليها بواسطة الذكاء الاصطناعي)](https://global.discourse-cdn.com/meta/original/4X/5/f/6/5f66e952169a89fa0db4432ebcb12ec3b4011eee.png)

* * *

1. [`1.25em`](https://github.com/discourse/discourse/blob/8c9885d0bf2c9bc26eac8a428ef03e9e8d2218e8/app/assets/stylesheets/mobile/discourse.scss#L122) 

2. [`var(--nav-space): 0.75em`](https://github.com/discourse/discourse/blob/8c9885d0bf2c9bc26eac8a428ef03e9e8d2218e8/app/assets/stylesheets/common/base/_topic-list.scss#L50)

---

_[View the full topic](https://meta.discourse.org/t/the-navigation-menu-is-not-vertically-centered-on-mobile/358592)._