تغيير لون اسم المستخدم في CSS لمجموعات مخصصة بالكامل، يعمل أحيانًا ثم لا يعمل؟

لست متأكدًا مما يفعله بالضبط ولكن أي رمز CSS أستخدمه للقيام بذلك يبدو أنه يعمل ويتوقف بشكل عشوائي، لا أعرف ما إذا كان ذلك بسبب تحديث أو إعداد ما، إلخ…

الذي أستخدمه منذ أطول وقت هو

.topic-post .Veeps a {
color: #66FF00;
}

مع كون “Veeps” مجموعتي المخصصة. لقد كان يعمل بالأمس أو قبل الأمس ولكن لاحظت اليوم أن جميع الألوان باستثناء تلك المرتبطة بأسماء مستخدمين محددة عادت إلى الوضع الافتراضي، في كل السمات. لقد أنشأت سمة جديدة ومسحت جميع التعديلات لمحاولة، حرفيًا، لا شيء يعمل. إنه يعمل بشكل مثالي مع المجموعات المعدة مسبقًا مثل “admin” و “staff” و moderator، ولكن لا يمكنني جعل أي منها يعمل للمجموعات المخصصة. لقد تأكدت من تعيينه على المجموعة الأساسية، وجعلته المجموعة الوحيدة التي كانوا جزءًا منها، وجربت على مجموعات مخصصة مختلفة (“Owner”)، لا شيء. الآن إذا قمت بتطبيقه على أسماء مستخدمين محددة فإنه يعمل بشكل جيد، ولكنه ممل أن تضطر إلى إنشاء 100 إدخال منفصل للأفراد، وهذا لا يتم تحديثه إذا تغيرت مجموعتهم.

span.username.staff a {
      color: #00A9DB;
}

يعمل، ولكنه لا يعمل أيضًا للمجموعات المخصصة. أعرف أنه كان من الممكن جعل المجموعات المخصصة تعمل لأنه لسنوات عملت لعدة مجموعات (باستثناء عندما لا تعمل). هل هناك رمز CSS أفضل للاستخدام، أو إعداد ما أقوم بتخريبه عن غير قصد؟

لقد قمت بتثبيت GitHub - discourse/discourse-groups-css-classes-in-body والآن حصلت على

div.topic-post.group-Veeps div.names span.username a {
  color: #8A2BE2;
}

لأداء وظيفتي، لكنني لم أقم بتثبيت هذا (أو لم أستخدم هذا الرمز) لآخر عامين، لذا فهو لا يساعدني في فهم ما توقف عن العمل بالضبط / ما يجب إصلاحه، فقط ضرب المسمار بالمطرقة.

إعجابَين (2)

مرحباً،

حدث تغيير بالأمس DEV: add title class name, prefix username class (#19482) · discourse/discourse@b1e0836 · GitHub لذا يتعين عليك الآن إضافة البادئة group-- إلى اسم المجموعة في CSS. على سبيل المثال: .group--Veeps.

5 إعجابات

نعم، نعتذر عن الإزعاج ولكن الطريقة السابقة التي كنا نضيف بها اسم فئة المجموعة كانت عرضة للخطأ إلى حد ما… مما يعني أن أي اسم مجموعة يتصادف مع اسم فئة في CSS الخاص بنا سيؤدي إلى مشاكل في التخطيط.
على سبيل المثال، اسم مجموعة مثل “hidden” سيضيف الفئة .hidden، مما سيؤدي إلى إخفاء أسماء المستخدمين. إضافة البادئة group-- تتجنب هذه المشكلة، ولا ينبغي تغيير هذا مرة أخرى في المستقبل. لذلك، ستحتاج فقط إلى تحديث .Veeps إلى .group--veeps

6 إعجابات

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

هل يتطلب استخدام GitHub - discourse/discourse-groups-css-classes-in-body للاستمرار في استخدام المجموعات الأساسية المخصصة بهذه الطريقة التي كنت أسأل عنها، أم أنه غير ضروري؟ ربما أسأت فهم الغرض من هذا المكون الإضافي في المقام الأول ولم يكن مطلوباً أبداً لما كنت أفعله؛ لقد قمت للتو بإزالته من سمة الاختبار الخاصة بي لمعرفة ما إذا كانت رموز المجموعة الأساسية المخصصة لا تزال تعمل، وهي تعمل، لذا يبدو أنه غير مطلوب… ولكني أفضل التأكد قبل أن أقوم بإيقافه والعثور على شيء غير متوقع في المستقبل.

إعجابَين (2)

المجموعات الأساسية موجودة بدونه، لذا يمكن استهدافها باستخدام CSS. مع تثبيت مكون السمة، يمكنك أيضًا استهداف المجموعات غير الأساسية. :+1:

إعجابَين (2)

لم أفهم أي كود يجب أن أستخدمه، ربما الترجمة خارج السياق

لذلك بدلاً من استخدام هذا

div.topic-post.group-Veeps div.names span.username a {
  color: #8A2BE2;
}

أستخدم هذا

div.topic-post.group-- Veeps div.names span.username a {
  color: #8A2BE2;
}

لا أفهم ما الذي يجب وضعه في الكود؟ إنه فقط --

@Kartoon @Don @awesomerobot

مرحباً،
يجب أن يعمل هذا هكذا: :arrow_down_small:

.names span {
  &.group--GroupName a {
    color: red;
  }
}

لكنني قمت بإنشاء مكون سمة سريع لهذا الآن. :slightly_smiling_face:
هنا يمكنك إعداده ببساطة.

groupname;color

7 إعجابات

ربما لست الشخص الأفضل للسؤال لأنني أستطيع جعل الأشياء تعمل ولكن ليس بالضرورة شرح السبب. ولكن ما أستخدمه حاليًا ويعمل بشكل جيد

.topic-post.group-Veeps div.names span.username a {
   color: #66FF00;
 }

من الواضح أن استبدل “Veeps” بمجموعة المستخدمين التي لديك، فهذا فقط ما يسمى لدي.

.names span {
  &.group--Veeps a {
    color: red;
  }
}

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

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

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

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

@Kartoon @Don @xebiyen