ترتيب مستويات الثقة في صفحة الشارات

الدعم
1

لقد قمت بتغيير أسماء مستويات الثقة، لكن هذا غيّر الترتيب الظاهر في صفحة الشارات؛ فمثلاً، يُعرض مستوى الثقة 1 بعد مستوى الثقة 2. هل هناك طريقة لتغيير ذلك؟

image
image700×189 10.4 KB

يجب أن يظهر المستخدم (BetaUser) قبل (BetaTester). كيف يمكنني تحقيق ذلك؟

2

مُرتَّب حسب الترتيب الأبجدي

3

يمكنك القيام بذلك باستخدام CSS، على سبيل المثال:

.badge-card.betauser {
    order: -1;
}

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

.badge-card.betauser {
    order: -1;
  @media screen and (max-width: 850px) {
    margin-right: 1.63%
  }
}

.badge-card.betatester {
  @media screen and (max-width: 850px) {
    margin-right: 0;
  }
}

ستختفي الحاجة إلى التعديل على الهوامش في وقت لاحق من هذا العام بمجرد إسقاط دعم IE11 (لأننا سنتمكن حينها من بناء التخطيط باستخدام Grid بدلاً من Flexbox).

4

أين يمكنني العثور على CSS للشارات؟ هل يمكنك إظهار المسار لي؟ شكراً لك

5

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

وبخلاف ذلك، يتعين عليك البحث في مصدر Discourse للرجوع إليه (لاحظ أنه لا يمكنك تعديل CSS الخاص بـ Discourse مباشرة… بل يجب أن تتجاوز ما تحتاجه في سمة). يوجد CSS لصفحة الشارات في هذا الملف: discourse/app/assets/stylesheets/common/base/user-badges.scss at main · discourse/discourse · GitHub