صناديق مع فئات فرعية في قائمة نقطية

مرحباً،

أنا أستخدم حاليًا إعداد “الصناديق مع الفئات الفرعية”، لكن لدي العديد من الفئات الفرعية، مما يجعل المظهر مزدحمًا بعض الشيء. (انظر الصورة)

هل توجد طريقة لتحويل الفئات الفرعية إلى قائمة نقطية؟ أم نقلها يدويًا بدلاً من استخدام ميزة “إعادة ترتيب الفئات”؟ أو حتى إذا أمكن تقليل الهوامش على كل جانب لتمكن من عرض المزيد في سطر واحد؟

شكرًا لك!

:warning: تعديل: اعتبارًا من 11/9/2023: سيتم إيقاف أنماط الفئات بخلاف النقاط المربعة أو ستكون غير متاحة في المستقبل القريب.


أنا أرد على هذا لاحقًا، ولكن الأفضل متأخرًا من عدمه… :slight_smile:

لتكديسها فوق بعضها البعض:

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        .subcategory-image-placeholder {
            display: none;
        }
    }
}

بالنسبة للقائمة النقطية، سيعتمد ذلك على النمط الذي تستخدمه لفئاتك. لنفترض أنك تستخدم “نقطة”:
image

سيبدو الأمر كالتالي:

إذا كنت ترغب في الاحتفاظ بالنقاط الملونة للفئات الرئيسية ولكن ليس للفئات الفرعية:

باستخدام حرف النقطة الحقيقي:

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        &:before {
            content: "•";
            margin-right: .25em;
            font-size: 1.5em;
            line-height: 0;
        }
        .badge-category-bg {
            display: none;
        }
        .subcategory-image-placeholder {
            display: none;
        }
    }
}

بشكل أبسط، إعادة تشكيل نقطة فئة Discourse الحالية:

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        .badge-category-bg {
            border-radius: 50%;
        }
        .subcategory-image-placeholder {
            display: none;
        }
    }
}