لون حدود مربعات الفئات معطل بعد التحديث

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

هذا هو السبب:
Screenshot 2023-06-07 at 13.03.12

لست متأكدًا من سبب حقنه لكل من اللون والمتغير (؟)

سأكون ممتنًا لأي مساعدة أو فكرة.

أعتقد أن @MarcP ذكر شيئًا مشابهًا في موضوع المكون الخاص بالموضوع Colorful Categories - #7 by MarcP. هل تستخدم هذا المكون أيضًا؟

إعجابَين (2)

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

نقاط جيدة. الآن بعد أن فكرت في الأمر، تحتاج الحدود إلى لون حدود في النواة. لا يتعلق الأمر بالمكون لأنه حتى مع تعطيل المكون، فإن الحدود كلها رمادية.

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

عفوًا. لقد قرأت السؤال بشكل خاطئ يا @JammyDodger ولكن لا، ليس لدي هذه المكونات مثبتة.

إعجابَين (2)

أتساءل عما إذا كان هناك حل ذكي لهذا؟ الشيء الوحيد الذي يمكنني التفكير فيه هو إزالة بعض الأحرف في جافاسكريبت؟

كان هذا تراجعًا في Discourse ولا علاقة له بالموضوعات أو المكونات الإضافية، وسنقدم إصلاحًا قريبًا!

3 إعجابات

شكرًا! كمرجع مستقبلي، أفترض أنه لا توجد طريقة سهلة للوصول إلى ألوان الفئات عبر CSS، هل هذا صحيح؟
ربما عبر JS؟

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

لذا، طالما أنك تعرف معرف الفئة، يمكنك الوصول إلى لونها في CSS. أسهل طريقة للعثور على المعرف (الرقم) هي النظر إلى عنوان URL للفئة، Support على سبيل المثال: https://meta.discourse.org/c/support/6 — لاستخدام لون فئة الدعم، يمكنك القيام بشيء مثل هذا:

.your-class-name {
  background: var(--category-6-color);
}

تم دمج هذا الإصلاح (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub)، لذا بعد تحديث Discourse، يجب أن تعود الألوان.

إعجابَين (2)

هذا رائع! شكراً لك على القيام بذلك. :slight_smile:

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

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

تم دمج هذا الإصلاح (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub)، لذلك بعد تحديث Discourse يجب أن تعود الألوان.

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

كان ذلك سريعًا!
في هذه الأثناء، انتهيت للتو من حل بديل :sweat_smile:
أترك الكود أدناه فقط في حال احتجت إليه.

var categoryBoxes = document.getElementsByClassName('category-box');

for (var i = 0; i < categoryBoxes.length; i++) {
  var categoryBox = categoryBoxes[i];
var dataCategoryId = categoryBox.getAttribute('data-category-id');
categoryBox.style.border = '2px solid var(--category-' + dataCategoryId + '-color)';
}
إعجاب واحد (1)

فقط للتحقق مرة أخرى →
هل هناك طريقة للتحديث من واجهة المستخدم الأمامية؟ أعتقد أن تحديثاتي في مرحلة test-passed.
أم سأحتاج إلى الانتظار حتى الإصدار 3.1.0.beta5؟

معظم المواقع تكون في حالة “tests-passed” افتراضيًا، يجب أن تكون قادرًا على التحديث في أي وقت من /admin/upgrade

إعجابَين (2)

لا أصدق أنني لم أكن أعرف هذا. هههههه
شكرا لك دائما!

لا تزال هذه مشكلة في نسختي على الهاتف المحمول، أما على سطح المكتب فهي تعمل بشكل جيد :thinking:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.