عناصر تحكم التنقل تتجه لليسار لعرض المسؤول على الهاتف المحمول

يبدو أن جميع العناصر الموجودة ضمن navigation-controls محاذية لليسار في عرض الهاتف المحمول للمستخدمين الإداريين:

بينما الافتراضي هو أن الأزرار على الأقل محاذية لليمين:

لقد تلقيت ملاحظات حول ما إذا كان ذلك خللًا في سمة مخصصة، ولكن يبدو أنه في النواة. لقطات الشاشة من السمة الأساسية الافتراضية.

إعجابَين (2)

نفس التأثير هنا

لقد تحققت على Android و iOS وها هي لدي:

هل فاتني شيء؟

أعتقد أن الأمر يتعلق بالمساحة العمودية المتاحة؟ عندما تتناسب جميع عناصر التحكم على يمين القائمة المنسدلة (“الأحدث” في لقطة الشاشة الخاصة بك)، فإنها تصطف على اليمين. هذا بسبب تعريف النمط على عنصر القائمة المنسدلة هذا:

#navigation-bar {
margin-right: auto;
}

ولكن عندما لا تتناسب، فإنها تشغل السطر التالي ثم تصطف على اليسار. إنها مشكلة بسيطة، ولكن أعتقد أنه يمكن إصلاحها بتعريف محاذاة مختلف قليلاً على navigation-controls؟

إعجاب واحد (1)

تشترك الأزرار في حاوية رئيسية مشتركة، لذا تلتف كوحدة واحدة عندما لا تكون هناك مساحة كافية.
يبدو أن هناك بعض المساحة الإضافية حول زر الموضوع الجديد هنا:

Screenshot 2023-02-28 at 5.34.53 PM

قد يكون إزالة ذلك كافيًا لتجنبه… التفاف هذه الأزرار هو نوع من الملاذ الأخير، وبشكل افتراضي يحدث فقط للمسؤولين على الشاشات بعرض أقل من 355 بكسل، على الرغم من أن عوامل مثل مستويات التكبير والموضوعات يمكن أن تؤثر على ذلك.

ربما يمكننا دمج زري المسؤول والتحديد المجمع هنا إذا كان كلاهما موجودًا لتجنب ذلك :thinking: