وسام الموضوع المحلول

:information_source: الملخص يضيف خيارات تصميم للمواضيع التي تم حلها والتي لم يتم حلها.
:hammer_and_wrench: المستودع GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics.
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

← املأ “repoName” و “repoURL” لزر التثبيت التلقائي →

تثبيت مكون السمة هذا

← صف هذه السمة/المكون في جملة أو جملتين →

مرحباً :waving_hand:

يضيف مكون السمة هذا خيارات تصميم للمواضيع التي تم حلها والتي لم يتم حلها. يمكنك تعيين شارة مخصصة ولون خلفية.

افتراضيًا ، يبدو الأمر كالتالي في صفحة قائمة المواضيع :arrow_down_small:
مصمم (قبل العنوان)

مع خلفية


مضمن


مصمم (بعد العنوان)


عنوان الموضوع ، رأس الموضوع
مصمم
Screenshot 2023-10-11 at 23.40.35


مضمن
Screenshot 2023-10-11 at 23.43.39


هناك مجموعة من الإعدادات حيث يمكنك تغيير الأيقونة والنص والنمط بشكل منفصل للمواضيع التي تم حلها والتي لم يتم حلها.

إعدادات المؤشر العام :arrow_down_small:

النوع
– مصمم (شارة)
– مضمن (يتم وضعه مضمنًا قبل العنوان)

الموضع (مصمم)
– قبل العنوان
– بعد العنوان

نصف قطر الإطار
– تقريب الشارة


إعدادات مؤشر الموضوع المحلول

مؤشر الموضوع المحلول
– يستخدم الرمز :check_mark: ولكن يمكنك استخدام رموز أخرى. (مثل الرموز التعبيرية). يتم وضعه قبل التسمية.



لون إطار الموضوع المحلول
تحتوي الشارة على إطار شفاف بسمك 1 بكسل وهذا الإعداد يمكنك من تعيين لون له.

تمكين خلفية الموضوع المحلول
سيؤدي تمكين هذا الإعداد إلى تنشيط حقل الخلفية أدناه حيث يمكنك تعيين لون خلفية عنصر قائمة الموضوع.


إعداد مؤشر الموضوع غير المحلول

نفس الإعدادات لمؤشر الموضوع غير المحلول أدناه …

إذا كنت ترغب في تمكين مؤشر الموضوع غير المحلول ، فقم بتشغيل إعداد المكون الإضافي Discourse Solved الصندوق الفارغ في الموضوع غير المحلول.


المهام:

– محاولة نقله لاستخدامه كحالة للموضوع (سيظهر في كل مكان تظهر فيه حالة الموضوع ويسمح باستخدام أيقونة مخصصة أيضًا)

20 إعجابًا

مكون سمة رائع. المشكلة البسيطة الوحيدة هي أن منشور فئة “حول” تم تمييزه أيضًا على أنه غير محلول.

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

مرحباً @Heliosurge :wave:

شكراً لك :slight_smile:
من الناحية الفنية، فإن الموضوع التعريفي هو أيضاً موضوع قابل للحل. إذا قمت بتمكين إعداد الصندوق الفارغ عند غير المحلول في إضافة Discourse Solved، فسيظهر الصندوق الفارغ لقائمة المواضيع الموضوع التعريفي وفي الموضوع التعريفي أيضاً. لإخفاء شارة غير المحلول لموضوع معين، يجب عليك إغلاقه.

إعجابَين (2)

شكرا جزيلا! تعلمت شيئًا جديدًا.

:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles:

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

شكراً للمكون….

ولكن مع المكون
https://github.com/VaperinaDEV/discourse-solved-quote-
لا تظهر رسالة “تم الحل” باللون الأخضر، المكون لا يعمل…. :frowning:
هل من الممكن أن يعمل مكونان، أحدهما للموضوع والآخر للرسالة؟

مرحباً @barto_95 :waving_hand:
يجب أن يعمل هذان المكونان معًا بشكل صحيح ولكن عنوان URL الصحيح للمكون هو: GitHub - VaperinaDEV/discourse-solved-quote-customization

إعجابَين (2)

مرحباً :waving_hand: لقد قمت بتحديث مكون السمة هذا ليعمل مع قائمة مواضيع Glimmer. :slightly_smiling_face: شكراً على التقرير: Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

4 إعجابات

تم إسقاط قائمة المواضيع القديمة هذا الشهر.
يمكن إزالة الكود:


تم إنشاء طلب سحب سريع:

6 إعجابات

عفوًا، آسف، لقد نسيت تحديث هذا المكون. شكرًا @Arkshine، لقد قمت بدمجها. :heart:
@ozkn، يرجى تحديث المكون.

4 إعجابات

هذا المكون غير متوافق مع discourse-umbrella-groupswitchdisplay ولا يمكن استخدامه معًا. لقد حدث خطأ قد يمنع موقعك من العمل بشكل صحيح.

السبب: تعارض بين السمات/المكونات النشطة.

انقر هنا لـ تحديث أو إعادة تكوين أو تعطيل المكون.

(هذه الرسالة مرئية فقط لمسؤولي الموقع.)

شكراً على التحديث. لقد قمت بالتحديث وحاولت ولكنني أحصل على نفس الخطأ. @Don

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

أوه، نعم آسف أرى ذلك. تم الإصلاح هنا: FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub يرجى التحديث مرة أخرى. :slight_smile:

5 إعجابات

شكراً، إنه يعمل بشكل جيد الآن دون أي مشاكل.

إعجابَين (2)

عفوًا، آسف!

إعجابَين (2)

مرحباً يا رفاق،

بعد التحديث إلى أحدث إصدار:

3.5.0.beta8-dev (commit: 5eca6d826e)

واجهت تراجعًا بصريًا يتعلق بإضافات Discourse Solved و Solved Topic Badge.

المشكلة:

في السابق، كانت المواضيع المحلولة تظهر بخلفية خضراء، والمواضيع غير المحلولة (في انتظار الحل) تظهر بخلفية حمراء في قائمة المواضيع.

الآن، لم تعد جميع المواضيع المحلولة تعرض الخلفية الخضراء، على الرغم من تمكين الإعداد.

التفاصيل:

  • الإضافة: Discourse Solved + Solved Topic Badge
  • الإعداد enable solved topic background ممكّن
  • كان هذا يعمل كما هو متوقع قبل التحديث

لقطة شاشة (بعد التحديث):

المتوقع:

يجب أن تحتفظ المواضيع المحلولة بالخلفية الخضراء لتحسين الوضوح البصري.

يرجى إعلامي إذا كان هذا تراجعًا أو إذا كانت هناك حاجة إلى أي تغييرات جديدة في CSS لاستعادة هذا السلوك.

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

أعتقد أن هذا يحدث في المواضيع التي قرأتها بسبب التغييرات في
UX: Variable additions (#33473) · discourse/discourse@20f57ae · GitHub,
والتي أضافت لون خلفية منفصل للمواضيع التي تمت زيارتها.

ربما يمكنك إصلاح ذلك باستخدام CSS الخاص بك حتى يتم تكييف مكون السمة، ولكن لا يمكنني التحقق من كيفية القيام بذلك الآن.

يجب عمومًا الإبلاغ عن المشكلات المتعلقة بالمكونات التي ليست official في الموضوع.

إعجابَين (2)

شكراً Moin!

تمكنت من إصلاحها باستخدام CSS مخصص:

.topic-list-item.solved,
.topic-list-item.visited.solved,
.latest-topic-list-item.solved,
.latest-topic-list-item.visited.solved {
  background-color: var(--success-low) !important;
}

CC: @sam @j.jaffeux

@Don نظرًا للإضافات المتغيرة الأخيرة إلى النواة، قد تحتاج إلى تعديل مكونك قليلاً لكي تعمل ألوان الخلفية، حتى عند زيارة موضوع ما.

3 إعجابات

مرحباً :waving_hand: شكراً على التقرير! إليك التحديث: UX: Adds background color for visited topic list items · VaperinaDEV/solved-topic-badge@1f87fe4 · GitHub

4 إعجابات

مرحباً @Don لاحظت أن الخلفية الملونة للمستخدمين الذين سجلوا الخروج لا يتم عرضها.
وأن لون الخلفية لـ aside.quote.accepted-answer>blockquote لا يأخذ لون شارة الحل، هل هناك طريقة لتعديلها؟