أنماط العلامة الملونة

[manuel (Manuel Kostka)]

|||
|-|-|-|
| | ملخص | تعيين علامات لمجموعة من أنماط الألوان المحددة مسبقًا |
| |المستودع| Manuel Kostka / Discourse / Helpers / Tag Styles · GitLab |
| |دليل التثبيت|كيفية تثبيت سمة أو مكون سمة|
| |جديد في سمات Discourse؟| دليل المبتدئين لاستخدام سمات Discourse

إعدادات السمة

يمكنك تحديد العلامات من قائمة منسدلة لكل لون.

إعدادات الموقع

من المفترض أن يعمل المكون مع نمط العلامة box. بالنسبة للأنماط simple أو bullet، ستحتاج إلى إضافة بعض التصريحات المخصصة لتعديل العلامات.

تخصيص الألوان

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

[Fma965]

عمل رائع، هذا يعمل فقط إذا تم تعيين نمط العلامة على BOX مع ذلك

إزالة .box تجعله يعمل على البسيط، لست متأكدًا مما إذا كان يكسر box أم لا مع ذلك

[tmn (Tran Nhat)]

بسيط ولكنه يعمل بشكل مثالي. شكرا لك.

[sunjam (james.network)]

• هل سيكون من الممكن تعيين ألوان لمجموعات العلامات بدلاً من العلامات الفردية؟
• هل سيكون من الممكن تخصيص الألوان المتاحة لمتابعة قيم الألوان العمياء?

[manuel (Manuel Kostka)]

شكراً على الاقتراحات!

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

Add a data-tag-group attribute for tags

Right now tags have their name stored in the data attribute data-tag-name: [Screenshot from 2022-07-29 15-50-16] Could there also be an attribute data-tag-group? It would make it easy to style and distinguish tags from different groups on the ux. A use-case where I find this especially helpful is on setups that only use tags. Then you likely have some top-level tags and it makes navigation more intuitive when tags from that group stand out with a distinct look. I saw there was a request years…

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

[45thj5ej]

تعديل: لا داعي، لقد نسيت ببساطة حفظ ملف “settings.yml” الآخر، هههه. عقلي متعب.

مرحباً. عند تغيير الكود من اللون الأصفر إلى اللون الأرجواني، أحصل على هذا الخطأ. كل ما فعلته هو استبدال أي ذكر لـ “yellow” بـ “purple” وتعديل قيمة اللون السداسي عشري. لماذا؟

  $tags-purple: str-to-list(\"#{$purple}\", \"|\");
  @each $tag in $tags-purple {
    .discourse-tag[data-tag-name=\"#{$tag}\"] {
      color: #CCCCCC !important;
      background-color: #ae00d1;
      &:hover {
        color: #CCCCCC;
        background-color: #ae00d1;
      }
    }
  }

السطر الأول هنا هو السطر 8 الذي يذكره الخطأ.

[ogulcan1787]

شكرا لك على المكون.
لا يعمل مع GitHub - discourse/discourse-remove-dashes-from-tag-names: Remove dashes (-) from tag names in the Topic List and on the Topic page.

ربما يمكنك تقديم تحديث؟

يعمل عندما يكون هناك وسم في سطر واحد، ولكنه لا يعمل عندما يكون هناك سطر مزدوج.

مثل وسم السطر الواحد: support
سطر مزدوج: support-me

[huynhthai824 (Sora &\)]

هل يمكننا اختيار لون لجميع العلامات في “مجموعة العلامات”؟
وهل لن يؤثر ذلك على منتديات discourse الخاصة بي؟

@ogulcan1787

لا يعمل مع GitHub - discourse/discourse-remove-dashes-from-tag-names: Remove dashes (-) from tag names in the Topic List and on the Topic page.

وأنا أيضاً

[Av8tion]

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

[manuel (Manuel Kostka)]

أخشى أنني لا أستطيع تكرار ذلك. إنه يعمل لدي على 3.5.

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

[Av8tion]

نعم، هذا الإصدار الجديد للمكون الذي أشرت إليه لا يعمل معي أيضًا… الصناديق لا تزال رمادية اللون

[manuel (Manuel Kostka)]

نعم، لا يوجد تغيير وظيفي. لكن المكون يعمل على مثيل جديد افتراضي. هل قمت بفحص العناصر؟

[Av8tion]

للأسف، لست خبيرًا في البرمجة… إذا لم يعمل مكون ما بشكل مباشر، فسأكون في ورطة كبيرة. سأضطر إلى البحث عن خيارات أخرى لجعل شيء كهذا يعمل.

[Ahmed26]

تم ضبط جميع الإعدادات بشكل صحيح، ولا تزال التسميات باللون الرمادي

[manuel (Manuel Kostka)]

شكراً على التقارير، أعتقد أنني وجدت المشكلة.. العلامات حساسة لحالة الأحرف الآن، ولكن data-tag-name تحتاج إلى تحليل قيمة بأحرف صغيرة. لذلك لم يتم تطبيق الأنماط على العلامات ذات الأحرف الكبيرة.

أخبرني إذا كان يعمل بعد تحديث المكون @Ahmed26 @Av8tion

[Ahmed26]

يعمل بشكل جيد جداً الآن، شكراً

[Av8tion]

عمل رائع واكتشاف ممتاز! شكراً على العمل الشاق لجعل هذه الأمور تعمل لصالحنا!