مرحباً بالجميع،
أنا أعمل مع مواضيع تحصل أحيانًا على الكثير من العلامات (العديد منها تم إنشاؤه آليًا من موجز ICS). في واجهة Discourse، تستمر العلامات في الالتفاف، مما يجعل قوائم المواضيع طويلة جدًا ويصعب مسحها ضوئيًا.
أود أن أفعل شيئًا مشابهًا لكيفية عرض الفئات في قوائم المواضيع:
- عرض القليل الأول (لنقل 5)
- ثم طي الباقي خلف مؤشر “+X المزيد”
ما جربته:
- يمكن لـ CSS إخفاء العلامات بعد عدد معين، وحتى إضافة علامة “…” ثابتة، على سبيل المثال:
/* إخفاء جميع العلامات بعد الخامسة */
.topic-list .discourse-tags a:nth-of-type(n+6) {
display: none;
}
/* إضافة ... بعد الخامسة */
.topic-list .discourse-tags a:nth-of-type(5)::after {
content: " …";
}
هذا يعمل للإخفاء، ولكن لا يمكن لـ CSS حساب عدد العلامات المخفية ديناميكيًا، لذلك لا يمكنني الحصول على “+3 المزيد”.
سؤالي:
- هل هناك طريقة مدمجة لتحديد عدد العلامات المعروضة لكل موضوع؟
- إذا لم يكن الأمر كذلك، فهل هناك مقتطف مثال (ربما من عرض الفئات) يمكنني تكييفه في مكون سمة لإضافة منطق “+X المزيد” للعلامات؟
شكراً مقدماً!
