فئات ملونة

: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

الإعدادات

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

الاسم الوصف
use category color in composer قم بالتعطيل لاستخدام ألوان محرر الكتابة الافتراضية
use category color in header قم بالتعطيل لاستخدام ألوان الرأس الافتراضية
use category color in timeline قم بالتعطيل لاستخدام ألوان الجدول الزمني للموضوع الافتراضية
use category color in buttons قم بالتعطيل لاستخدام ألوان الأزرار الافتراضية

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

يمكنك تعطيل جميع الإعدادات إذا رغبت في استخدام هذا المكون كطريقة لجعل ألوان الفئات قابلة لإعادة الاستخدام كخصائص 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: مُستضاف بواسطةنا؟ تتوفر مكونات المظاهر للاستخدام في خططنا القياسية، والأعمال، والمؤسسية.

42 إعجابًا

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

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

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

إعجابَين (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 إعجابات