مرحباً بالجميع، لقد لاحظت أن أسماء العلامات في قائمة التصفية المنسدلة يمكن أن تنتقل إلى السطر التالي إذا كانت طويلة جدًا، وهذا أمر رائع للاستجابة على الأجهزة المحمولة. ومع ذلك، لا يبدو أن أسماء الفئات لها نفس السلوك. عندما يكون اسم الفئة طويلاً جدًا، فإنه يتجاوز حاوية التصفية، مما يكسر التخطيط على الأجهزة المحمولة.
فيما يلي لقطتان شاشة لتوضيح المشكلة:
4 إعجابات
أسماء الفئات الطويلة تتجاوز أيضاً في قائمة المواضيع. ولأنها بسيطة جداً ومرتبطة قليلاً، سأتركها هنا بدلاً من إنشاء موضوع جديد (لا تتردد في نقلها إذا لزم الأمر):
يجب أن تكون أسماء الفئات قصيرة من الناحية المثالية، وكانت هذه هي المرة الأولى التي أرى فيها هذا السلوك.
6 إعجابات
لقد أجريت بعض التعديلات لتجنب ذلك
أخبرنا إذا واجهت أي مشاكل أخرى مع أسماء الفئات الطويلة!
3 إعجابات
يبدو أن هذه مشكلة أيضًا مع أسماء الفئات في المنشورات “المقترحة” في أسفل سلسلة.
يبدو أن هناك مشكلتين منفصلتين ولكن مرتبطتين:
- إذا تم تقليل حجم منفذ العرض بعد تحميل الصفحة الأولي، فإن الجدول لا يتقلص بشكل صحيح:
هذا يسبب تجاوز table.topic-list لعرض #main-outlet-wrapper
- بشكل منفصل،
h3.more-topics__browse-more a.badge-category__wrapperلا يتم اقتطاعه (بغض النظر عما إذا كانت الصفحة بحجم الهاتف المحمول عند تحميل الصفحة أو تم تقليصها)، مما يتسبب أيضًا في أن تكون الصفحة واسعة جدًا. يمكن إجبارها على ذلك باستخدامmax-width: 80vwأو ما شابه، ولكن قد يكون لذلك عواقب غير مقصودة على الشاشات الأوسع.
إعجاب واحد (1)
لدي انطباع بأن هناك مشكلة لا تزال قائمة مع أسماء الفئات الطويلة في قوائم المواضيع.
هذا ما أراه على CFL Forums. تم اقتطاع اسم الفئة، لكن التاريخ لا يزال بعيدًا جدًا إلى اليمين.
وهي مشكلة أيضًا عند الإشارة إلى الفئة في الدردشة
إعجاب واحد (1)