معاينات قائمة المواضيع

[Ahmed26]

بالنسبة للمواضيع التي لا تحتوي على صور، أريد فقط أن يكون عنوان الموضوع مرئيًا. هل هناك طريقة للقيام بذلك؟

[dsims (Daniel)]

@jasedepuit

على وجه التحديد، هل من الممكن ضبطه بحيث يتم عرض الصورة المصغرة فقط إذا تم العثور على صورة لعرضها؟ أي - بدلاً من وجود عنصر نائب عندما لا تكون هناك صورة، فقط لا تعرض أي شيء؟

@Ahmed26

بالنسبة للمواضيع التي لا تحتوي على صور، أريد فقط أن يكون عنوان الموضوع مرئيًا. هل هناك طريقة للقيام بذلك؟

لقد تمكنت من القيام بذلك باستخدام بعض CSS

.topic-list-thumbnail.no-thumbnail {
    display:none;
}

[Ahmed26]

@dsims

.topic-list-thumbnail.no-thumbnail {
    display:none;
}

شكراً جزيلاً، هذا بالضبط ما كنت أبحث عنه.

[ZAICOM]

شكرًا للمؤلفين. إنه مكون رائع.

هناك بعض المشكلات في وضع المكدس (masonry mode). عندما يتم استرداد الصور المصغرة من طرق مختلفة، الصور التي تم تحميلها، الشعارات، والصور المسحوبة من الروابط والصورة النائبة، فإن الحل الحالي يستخدم التمويه (blur) لأخذ العرض غير المستخدم.

أعتقد أن الطريقة الأفضل هي استخدام let thumbnail لأخذ العرض الكامل للحاوية ثم السماح للارتفاع بأخذ المساحة بشكل طبيعي مع الحفاظ على نسبة الصورة.

لقد حاولت تخصيص CSS ولكن المشكلات مثل الصور المصغرة والنصوص تتشابك ولا يمكنني حلها. أتوقع أن يحل إصدار أحدث المشكلة لي.

[xlg256 (Leo)]

شكرًا جزيلاً لك، ديفيد تايلور، على هذا المكوّن الرائع للقالب!

في نمط المدونة، يبدو أن عداد الردود لا يعمل:

نقدر حقًا لو يمكنك إصلاح هذه المشكلة، شكرًا جزيلاً!!!

[awesomerobot (Kris)]

شكرًا لك على الإبلاغ عن هذه المشكلة، لقد قمت بإجراء تحديث لحلها هنا: UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub

[Ahmed26]

أستخدم مكون “صور مصغرة لقائمة المواضيع” في منتديات Discourse الخاصة بي. في عرض الجوال، تظهر المواضيع التي لا تحتوي على صورة مميزة بصورة مصغرة افتراضية/بديلة.

أريد عرض المواضيع بدون صور كصف مواضيع نصي عادي فقط، دون حجز مساحة للصور المصغرة أو وجود فراغ على الجانب الأيسر.

هل هناك إعداد، أو حل باستخدام CSS، أو تخصيص لمكون السمة (Theme Component) يمكنه تحقيق ذلك؟

[Ahmed26]

وجدت حلاً باستخدام Claude AI

/* إخفاء الصورة المصغرة على الجوال للمواضيع التي لا تحتوي على صورة */
.mobile-view .topic-thumbnails-list .topic-list-thumbnail.no-thumbnail {
  display: none !important;
}

/* إصلاح تخطيط الشبكة للمواضيع التي لا تحتوي على صورة (بدون عمود الصورة المصغرة) */
.mobile-view .topic-thumbnails-list .topic-list-body .topic-list-item:has(.no-thumbnail) .right {
  grid-template-columns: auto 15% !important;
  grid-template-areas:
    "title replies"
    "data  data" !important;
}