بدلاً من صور PNG، أحاول استخدام أيقونات Font Awesome، لكنها تظهر بشكل مكسور. هل لديك أي فكرة حول كيفية جعلها تعمل؟
جرب استخدام المكون التالي. لقد اختبرته للتو وهو يعمل:
مرحبًا tshenry. لقد رأيت هذا المكون للقالب، لكنه يظهر في جميع أنحاء المنتدى (وفي الفئات الفرعية فقط)، بينما أريد إظهاره فقط في كتلة/قائمة الفئات في صفحة الفئات. الخيار الوحيد المتاح في Discourse هو وضع صورة بصيغة .png.
.navigation-categories .category-text-title .category-name{
position: relative;
&:before{
position: relative;
font-family: "Font Awesome 5 Pro";
content: "\f054";
font-weight: 900;
}
هذا ما أحاول فعله، باستخدام أيقونات Font Awesome.
نفس الطلب:
حسنًا، يبدو أن CSS الذي نشرته لم يعد يعمل.
أعتقد أن أفضل طريقة لتحقيق ذلك هي إضافة منفذ مكون (plugin outlet) إلى قالب category-title-link، واستخدام عنصر واجهة (widget) لإضافة الأيقونة المناسبة قبل اسم الفئة. يبدو لي منطقيًا أن يتضمن مكون أيقونات الفئات أيقونة الفئة بشكل اختياري في قائمة الفئات. إذا كنت تريد فقط عرض الأيقونات في قائمة الفئات، فيمكنك إخفاؤها من المواقع الأخرى باستخدام CSS.
@pmusaraj ما رأيك؟ إذا كنت تعتقد أن هذه فكرة جيدة، فيمكنني إنشاء طلب دمج (PR) لمنفذ المكون، ثم محاولة العمل على طلب دمج لمكون أيقونات الفئات لإضافة هذه الوظيفة.
سيكون ذلك رائعًا. @pmusaraj
يبدو ذلك جيدًا بالنسبة لي، شكرًا لك على الاطلاع على هذا الأمر.
@tshenry هل لديك أي تحديث بخصوص ذلك؟
تم دمج هذه الوظيفة الآن في مكون أيقونات الفئة. لكي تعمل الميزة بشكل صحيح، يرجى التأكد من أنك تستخدم أحدث إصدار من Discourse و أحدث إصدار من المكون.