يحدث أن لدينا أسماء فئات مطولة بشكل خاص كشفت عن ذلك:
ربما يكون تحديد عرض أقصى لذلك العنصر؟ أقول إنه مقبول إذا تم قص الاسم نظرًا لأن الاسم الكامل يمكن رؤيته عند فتح القائمة المنسدلة.
إعجاب واحد (1)
مرحبًا باولو،
أعتقد أنه يجب أن يُختصر افتراضيًا. هل تستخدم أي تنسيقات CSS مخصصة؟
تعديل: نعم، هذا مُدرج في تنسيقات CSS افتراضيًا. راجع تنسيقات CSS الخاصة بك وأضف ما يلي إذا كان مفقودًا:
.badge-wrapper .badge-category .category-name {
text-overflow: ellipsis;
overflow: hidden;
}
إعجاب واحد (1)
لدينا بالفعل بعض تنسيقات CSS المخصصة، لكنها بسيطة ولا ينبغي أن تؤثر على هذه المشكلة. ومع ذلك، قمت بتعطيل المظهر المخصص باستخدام وضع الأمان (safe-mode) وظلت المشكلة كما هي.
بعد إجراء المزيد من الاختبارات، لاحظت أن هذه المشكلة تظهر فقط اعتمادًا على المساحة المتاحة. عند تغيير عرض نافذة العرض المتاحة، تعمل الأمور بشكل صحيح:
أو، إذا كانت الوسوم (tags) مفعلة في Discourse، فإن الأمر يعمل بشكل جيد أيضًا:
لكن، إذا كانت هناك مساحة واسعة لحقل التصنيف (وإذا لم تكن الوسوم مفعلة)، فقد يتداخل مع المعاينة.
إعجاب واحد (1)
أفهم ما تقصده ويمكنني إعادة إنتاج هذه المشكلة إذا قمت بحذف أو استبدال max-width: 100%; في هذا السطر:
#reply-control .category-input .category-chooser {
display: flex;
flex: 1 0 auto;
max-width: 100%;
width: auto;
}
وإلا فإن اسم الفئة سيتم اختصاره بـ ... في النهاية.
إعجاب واحد (1)
أعتقد أنني أصلحت هذا خلال الشهر الماضي… هل قمت بتحديث Discourse مؤخرًا؟
5 إعجابات
أعتذر، كان يجب أن أتحقق من حالة اختبارات النجاح (tests-passed) لهذا الأمر قبل الإبلاغ. أنت محق، يبدو أن المشكلة موجودة فقط في أحدث إصدار مستقر، لذا يمكن إغلاق هذا التقرير.
إعجاب واحد (1)