تصميم فئة Humanetech

مجتمع
1

متابعة للنقاش من المجتمع بلا حدود: discourse كنسيج - توليد الأفكار والعصف الذهني:

@aschrijver أعجبني حقًا كيف قمت بتفصيل الفئات في قائمة موحدة بهذه الطريقة. أحب أن أفعل الشيء نفسه في منتدانا! هل تمانع مشاركة إعداداتك؟

humane-categories
humane-categories159×330 8.04 KB

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

شكرًا لك @sunjam. بالتأكيد. أعتقد أن كود CSS التالي يقوم بالمهمة:

/* ==============================================
     تخطيط صفحة الهبوط (التصنيفات + الأحدث)
   ==============================================
*/

/* [custom] عرض التصنيفات الفرعية كقائمة */
.categories-and-latest .subcategory {
    display: table-row;
}

/* [custom] إخفاء عدد "المنشورات غير المقروءة" */
.categories-and-latest .subcategory .new-posts {
    display: none;
}

/* [custom] موازنة الأعمدة، ومساحة أكبر لعناوين المواضيع */
.categories-and-latest .column.categories {
    max-width: 30%;
}

/* [custom] إخفاء عمود إحصائيات المواضيع */
.categories-and-latest .topics {
    display: none;
}

/* [custom] زيادة عرض عنوان الموضوع لملء العمود */
.categories-and-latest .latest-topic-list-item .main-link {
    max-width: 85%;
}

/* [custom] عرض الوسوم بجانب التصنيف الفرعي (تحت عنوان الموضوع) */
.categories-and-latest .discourse-tags {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

ملاحظة: يتضمن بعض الإضافات لإخفاء عناصر معينة مشتتة للانتباه في واجهة المستخدم.

6 إعجابات