الفئات الملونة

:discourse2: ملخص يستخدم “الأقسام الملونة” ألوان كل قسم في مواقع أكثر عندما تكون في قائمة مواضيع القسم أو داخل موضوع.
:eyeglasses: معاينة معاينة على منشئ مواضيع Discourse
:hammer_and_wrench: رابط المستودع https://github.com/discourse/discourse-colorful-categories
:open_book: جديد في مواضيع Discourse؟ دليل المبتدئين لاستخدام مواضيع Discourse

تثبيت مكون الموضوع هذا

الميزات

يستخدم “الأقسام الملونة” ألوان كل قسم في مواقع أكثر عندما تكون في قائمة مواضيع القسم أو داخل موضوع؛ في الرأس، وأزرار الرد/الإنشاء، والجدول الزمني للموضوع، والمحرر.

ستتغير ألوان المحرر بناءً على القسم المحدد:

Kapture 2021-10-27 at 11.47.15

الإعدادات

يمكن تعطيل كل من تغييرات الألوان المذكورة أعلاه في إعدادات الموضوع.

الاسم الوصف
استخدام لون القسم في المحرر تعطيل لاستخدام ألوان المحرر الافتراضية
استخدام لون القسم في الرأس تعطيل لاستخدام ألوان الرأس الافتراضية
استخدام لون القسم في الجدول الزمني تعطيل لاستخدام ألوان الجدول الزمني الافتراضية للموضوع
استخدام لون القسم في الأزرار تعطيل لاستخدام ألوان الأزرار الافتراضية

ملاحظات التطوير

يمكنك تعطيل جميع الإعدادات إذا كنت ترغب في استخدام هذا المكون كطريقة لجعل ألوان القابلة لإعادة الاستخدام كخصائص CSS مخصصة. على سبيل المثال، ستكون كل صفحة قسم وكل موضوع تحتوي على هذه الخصائص المحددة:

  --category-color
  --category-text-color

وسيحصل المحرر على:

  --composer-category-text-color
  --composer-category-color

يمكن إعادة استخدام هذه الخصائص حيثما ترغب في CSS الخاص بك، على سبيل المثال:

body {
  background: var(--category-color); 
}

هناك بعض القيم الافتراضية المحددة عندما لا يكون هناك قسم، والتي يمكنك تغييرها في CSS الخاص بك:

:root {
  --composer-category-text-color: var(--secondary);
  --composer-category-color: var(--tertiary);
  --category-color: var(--secondary);
  --category-text-color: var(--primary-low-mid);
}

:discourse2: مستضافون لدينا؟ مكونات المواضيع متاحة للاستخدام في خططنا القياسية، والأعمال، والمؤسسات.

41 إعجابًا

أنا حقًا أحب مكون السمة هذا لجعله واضحًا جدًا في أي فئة أنت. يبدو أن التباعد في بعض الأزرار يتغير عند تثبيت مكون السمة هذا.

مع مكون السمة:

بدون مكون السمة:

إعجابَين (2)

@awesomerobot هذا مكون رائع حقًا ويبدو أنه غير محبوب حاليًا!

بالأمس واجهنا موقفًا قد يكون فيه هذا النوع من الأشياء مفيدًا في مثيل Discourse for Teams الخاص بنا. (Discourse for Teams… فريق… إذا كنتم تستمعون، يرجى إضافة مكون السمة هذا!)

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

وجود مؤشر مرئي قوي حول مكان ذهاب المحتوى سيكون مفيدًا للغاية.

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

إعجابَين (2)

شكراً جزيلاً على هذه الجوهرة المخفية. أحببتها حتى الآن @awesomerobot

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

هل هناك أي طريقة لتغيير اللون للفئات فقط مع الاحتفاظ بلون رأس القائمة؟
Link

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

لقد عملت للتو على حالة لم يتم فيها التقاط لون الفئة (وتم تسجيله في وحدة التحكم) مع بعض الفئات. استغرق الأمر مني بعض الوقت للعثور على السبب المشترك، ولكن يبدو أنه كان إعداد التصفية no subcategories بدلاً من all topics في صفحة إعدادات الفئة:

Screenshot from 2022-06-21 23-11-55

يؤدي اختيار هذا الإعداد إلى إضافة /none إلى عنوان URL للفئة. ويبدو أن هذا يتداخل مع اختيار اللون.

تمت إضافة هذا اليوم ويبدو جيدًا جدًا :smiley:

ومع ذلك، في كل مرة أضغط فيها على موضوع، كنت أرى مربعًا أبيض بجوار اسم الفئة. ثم أدركت أن هذا هو لون الفئة، ولكن يبدو عرض هذا المربع بلا فائدة إذا كان لون الفئة بأكمله معروضًا في الرأس.

بدون TC image
مع TC image

(TC = مكون السمة)

إعجابَين (2)

صباح الخير أيها الزملاء، بعد تحديث اليوم، تعطل شيء ما هنا في ألوان حدود الفئة في عرض الفئات + المواضيع. هل يمكن لأحد تأكيد ذلك؟

image

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

أواجه هذا أيضًا، مع سمة Material.

تم إصلاح هذا الأمر، ولم يكن متعلقًا بهذه المكونات:

ماذا عن إضافة منتقي الفئات؟

أريد تمكينه في عدد قليل من الفئات المشتركة (يمكن تحقيقه أيضًا بمستويات الثقة) :slight_smile:

لاحظت في الرسائل أن لون زر “الرد على الموضوع” reply ومقبض الخط الزمني هو نفس لون الخلفية. كلاهما أبيض على أبيض.

هناك أيضًا إشعار إهمال في وحدة التحكم

[THEME 5601 ‘Colorful categories’] إشعار إهمال: استيراد getOwner من discourse-common/lib/get-owner مهمل. استخدم import { getOwner } from '@ember/application'، أو إذا كنت لا تزال بحاجة إلى طبقة التوافق، استخدم import { getOwnerWithFallback } from 'discourse-common/lib/get-owner';. [مهمل منذ Discourse 3.2] [معرف الإهمال: discourse.get-owner-with-fallback]

وزر تبديل الشريط الجانبي لا يتغير لونه مثل أيقونة البحث.

image

إعجابَين (2)

المكون قد يحتاج إلى تحديث

3 إعجابات

أعتقد أن هذا سيكون جيدًا :rocket:

لقد كنت أعمل في مجلدات all-the-plugins و all-the-themes لمحاولة تحديد السمات/الإضافات المتأثرة مسبقًا. نحن نحرز تقدمًا في تحديث الرسمية من جانبنا، وقد أرسلت رسائل خاصة لمؤلفي الإضافات الخارجية مفتوحة المصدر التي قد تتأثر :writing_hand:

5 إعجابات