أزرار قائمة المستخدم المنسدلة تتغير أسطر

لاحظت للتو أن هذه الأزرار تنزلق بالنسبة لي في meta و review:

(Chromium على Linux)

3 إعجابات

ربما يكون هناك شيء ما لـ @awesomerobot أن ينظر فيه غدًا؟

إعجابَين (2)

لا يمكنني إعادة إنتاج هذه المشكلة على نظامي Windows/MacOS… أشك في أن إضافة شريط التمرير تسبب تشويشًا في العرض… لذا قمت بتقليل الحد الأقصى لعرض اسم المستخدم قليلاً ونقصت بضعة بكسلات من الحشو.

إعجابَين (2)

بعد بعض التحقيقات، كان الجاني هو هذا (في إعدادات كروميوم)

بغض النظر عن مستوى التكبير

5 إعجابات

أوه، هذا مفيد، أعتقد أنني يمكنني إيجاد حل أفضل لذلك

6 إعجابات

حسنًا، هذا إصلاح جيد! تمكّنتُ من إزالة بعض الأبعاد الثابتة (hard-coded widths) في منطقة القائمة، مما يسمح لنا الآن بالتعامل بشكل أفضل مع الحالات التي يكون فيها المحتوى مكتظًا هناك.

في تخطيط الفليكس (flex layout)، أعطيتُ الأولوية للمساحة للأيقونات، لذا لن تقوم الأيقونات بالانتقال إلى سطر جديد أبدًا، بل سيتم تقصير اسم المستخدم أكثر حسب الحاجة. ومن جهة أخرى، يعني هذا أيضًا أننا نتعامل مع تقصير اسم المستخدم بشكل أفضل بشكل عام، حيث ستُقصَّر الأسماء الطويلة بشكل أقل مما كانت عليه سابقًا (عندما يتوفر مساحة أكثر عند حجم الخط الافتراضي)…

4 إعجابات

أوه، أفضل بكثير! رائع، بل أكثر من ذلك:

:عناق:

3 إعجابات

هل يمكنك فعل نفس السحر مع قائمة :wrench:؟

متوسطة:

مقارنة مع كبيرة:

6 إعجابات

هذا يجب أن يفعل الحيلة، مشكلة مشابهة… كان لدينا عرض ثابت في ذلك. يجب أن يتوسع بشكل أفضل مع تغييرات حجم الخط الآن:

4 إعجابات