إخفاء المواضيع والرسائل غير المقروءة/الجديدة في قسم الفئة

[rudypenajr (Rudy Pena)]

مرحبًا!

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

شكرًا مسبقًا!

[ondrej]

.category-list .topics {
    display: none;
}

هل هذا يساعد؟ سيؤدي هذا إلى إزالة ما حددته في المربع الأحمر.

[rudypenajr (Rudy Pena)]

شكرًا لك على الرد @ondrej! هذا يساعد إلى حد ما.

يبدو تخطيطنا مشابهًا لـ https://meta.discourse.org/categories، لكنني أنتقل لاستخدام تصميم أكثر بطاقة للفئات. استخدام display:none يعمل إلى حد ما، ولكن نظرًا لأن الفئات عبارة عن عنصر table ضخم، فلا يزال يشغل مساحة عندما تكون هناك مواضيع و/أو رسائل غير مقروءة/جديدة. لذا ستلاحظ وجود فجوة بيضاء صغيرة تشغلها المساحة حتى مع display: none.

تمكنت من العثور على حل، لكنني كنت آمل أن يكون هناك خيار تكوين فقط لإزالته تمامًا.

حلي:

• تعيين ارتفاع لعنصر <tr> الذي يحمل معلومات الفئة/الموضوع مثل height: 160px. مع هذه الخاصية، تعيين overflow: hidden.
• تعيين ارتفاع لعنصر <td> الذي يحمل اسم الفئة ليكون مساويًا لارتفاع <tr>.
• تعيين ارتفاع لعنصر <td> الذي يحمل الموضوع إلى 0.

بالتأكيد ليس الحل الأفضل، لكنه يعمل حتى الآن.