مشكلة في تخطيط "in this topic" المستجيب مع خط "Ubuntu" الأساسي

مرحباً، أواجه مشكلة عرض غريبة عند مستويات تكبير معينة في فايرفوكس على موقعي. المشكلة تتعلق بنص البحث “in this topic” الذي يلتف إلى سطرين. يبدو أن هذا يحدث فقط عندما تكون خط أساس النظام مضبوطًا على “Ubuntu” ومستوى التكبير 100% أو 110%. لدي أيضًا تفضيل حجم خط واجهة ملفي الشخصي في Discourse مضبوطًا على “Larger”. أرى نفس السلوك في سمة Sam’s Simple Theme وكذلك في سمة Discourse light الافتراضية، وقد حاولت تعطيل جميع مكونات السمة الخاصة بي، لذلك لا يبدو أن هذا مرتبط بأي تخصيص آخر بخلاف نمط الخط الأساسي.

Discourse Meta مع سمة Sam’s Simple Theme وخط Arial الافتراضي، لا توجد مشكلة (نفس الشيء على موقعي مع خط Arial الأساسي)

منتدى الخاص بي مع سمة Sam’s Simple Theme وخط “Ubuntu” الأساسي

تكبير 100%، توجد مشكلة:

تكبير 110%، توجد مشكلة:

تكبير 120%، لا توجد مشكلة:

تكبير 90%، لا توجد مشكلة:

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

تم إعادة تصنيف هذا على أنه UX لأنه لا يزال يعمل، ولكن التخطيط به خلل. شكراً للإبلاغ عنه! يجب أن يكون هذا إصلاحًا بسيطًا، سنحتاج إلى منع التفاف هذا النص باستخدام بعض CSS.

3 إعجابات

شكراً جزيلاً كريس! لم أكن متأكداً مما إذا كان سيكون “تجربة مستخدم” إذا لم يكن متعلقاً بإضافة/إزالة/نقل عناصر تجربة المستخدم. سأكون مهتماً برؤية إصلاح CSS، لأنني واجهت مشاكل في التفاف النص في أماكن قليلة مع تخصيصات الثيم الخاصة بي أيضاً، ولكن هذا خطئي الخاص. :wink:

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

هذا يجب أن يصلح الأمر:

إنها مجرد
white-space: nowrap مطبقة على CSS الخاص بالزر.

4 إعجابات

شكراً جزيلاً كريس! مع إضافة هذا الإصلاح إلى مكون سمة مخصص، أصبح الأمر أفضل بكثير الآن. هناك مشكلة جديدة حيث تظهر أشرطة التمرير فقط عند تكبير 100% وتسمح بحوالي 5 بكسل من الحركة الأفقية:

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