لافتات الفئة

يمكن إصلاحه ببعض CSS

قم بإنشاء Theme component جديد وأضف هذا إلى common css

// Who's Online Customization
.discovery-list-container-top-outlet.online_users_widget {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      padding-top: 0.5em
      padding-bottom: 0.5em;
}

يمكنك أيضًا إضافة لون خلفية مخصص وحدود وما إلى ذلك..

3 إعجابات

شكرا جزيلا لك!

إعجابَين (2)

إذا أردت تمييز ذلك اختياريًا بهذه الطريقة

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

// Who's Online Customization
.discovery-list-container-top-outlet.online_users_widget {
      padding-top: 0.45em;
      padding-bottom: 0.05em;
      background-color: var(--secondary);
      border: 2.0px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      margin-top: 0.75em
      margin-bottom: 0.75em;
}
  • يضبط الهامش المساحة أعلاه وأسفل “من متصل الآن”
  • تزيد المسافة البادئة المساحة داخل مربع الحدود. تضبط الحدود سمك المخطط التفصيلي للحدود.
إعجابَين (2)

خارج الموضوع قليلاً، ولكن ما هي مجموعة الخطوط التي تستخدمها يا @bekircem؟ أحب كيف تعمل معًا!

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

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

3 إعجابات

هذا الكود ينقصه علامة ; في السطر 5 وكذلك المثال المتابع.

ما نجح معي هو هذا:

.discovery-list-container-top-outlet.online_users_widget {
  margin-top: 0.75em !important;
  margin-bottom: 0.75em !important;
  display: block !important;
}

النتيجة:

3 إعجابات

رائع. للأسف، منشوري قديم جدًا بحيث لا يمكنني تصحيح الكود. شكرًا لإخباري بأنني أغفلت الفاصلة المنقوطة “;”.

3 إعجابات

هناك نفس المشكلة بالنسبة للروابط الخاصة بالوسوم والفئات. هل يمكنك تضمين الفئة .hashtag-cooked في هذا الإصلاح؟

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

لا أعرف ما إذا كان تحديث Discourse الجديد قد كسر شيئًا؟

هل قمت بتعريف معرفات الفئات في إعداد categories؟

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

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

لقد لاحظت للتو خطأ.
أنا في الفئة الرئيسية Tiago | Music وأنقر على الفئة الفرعية Sir Giant. تظهر اللافتة. ثم أنقر على أحد روابط “التوثيق” في الشريط الجانبي للانتقال إلى صفحة علامات Announcements. عندما أنقر على رابط General Discussion الذي يعيدني إلى جذر الفئة الفرعية Sir Giant، تختفي اللافتة الآن.

في المرة الأولى التي ذهبت فيها إلى Announcements، لم تكن هناك لافتة. عندما أذهب إلى صفحة العلامات Music ثم أعود إلى Announcements، تظهر اللافتة الآن.

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

3 إعجابات

مشكلتان إضافيتان:

1 - أنا في فئة بها وصف. يمكنني رؤية الوصف في اللافتة. هذا الوصف يحتوي على رابط خارجي لمتجري عبر الإنترنت. عندما أنقر عليه، على الرغم من أن لدي الإعداد لفتح جميع الروابط الخارجية في علامة تبويب جديدة، فإن هذا الرابط يفتح في نفس علامة التبويب. وأؤكد أن الإعداد يعمل، لأن الموضوع نفسه الذي يحدد وصف اللافتة، يفتح الرابط في علامة تبويب جديدة.

2 - الآن عندما أكون على موقع الويب الخاص بهذا الرابط الخارجي (الذي فتح في نفس علامة التبويب)، يتعين علي الضغط على “رجوع” في المتصفح، للعودة إلى الفئة الفرعية. هذه المرة، اختفى الوصف تمامًا. اللافتة وعنوانها موجودان، ولكن لا يوجد وصف. حتى لو قمت بتحديث المتصفح وتحديثه بالقوة، فلن يعود. الطريقة الوحيدة لرؤيته مرة أخرى هي العودة إلى الفئة الرئيسية ثم إلى الفئة الفرعية مرة أخرى.


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

3 إعجابات

يمكنني تكرار مشكلتك، لكن لا يمكنني تفسيرها. :sweat_smile:

من الناحية الفنية (تجاهلني)، هذا ما ألاحظه مع هذا العنصر header-list-container-bottom:

  • إذا حددت فئة فرعية → علامة، يتم إدراج المكون، وفورًا بعد ذلك يتم استدعاء teardownComponent (؟). ولكن المكون لا يتم تدميره. مع إزالة الفئة category-header من \u003cbody\u003e من دالة التنظيف، يخفي بعض CSS اللافتة. يمكنك تحديد علامة أخرى لإعادة إدراج المكون.

    • من نفس الصفحة، إذا نقرت على رابط وثائق في الشريط الجانبي، تحصل على نفس السلوك.
    • لا يحدث هذا إذا حددت فئة من القائمة المنسدلة على سبيل المثال.

من المحير لماذا بعد إدراجه، يتم استدعاء will-destroy على الفور.

إعجابَين (2)

حسنًا، على الأقل أعرف أنني لست الوحيد… هذا جيد.

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

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

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

عند اختيار ‘عرض شعار الفئة’، يظهر الشعار مرتين - مرة من إعدادات الفئة ومرة من مكون السمة هذا. هل أرتكب خطأ؟

أيضًا، هل من الممكن جعل عنوان ‘حول’ و/أو الوصف يظهر أسفل الشعار؟

لا، إنها مشكلة معروفة. هناك أيضًا CSS يمكنك إضافته لإخفاء شعار واحد في هذا الموضوع

شكرًا، موين! لقد أصلحت الـCSS الصورة من أجلي.

لوضع اسم الفئة أسفل الصورة، نجحت معي الطريقة التالية:

.category-title-contents،
.category-title-header.category-banner-1slug .category-title-contents {
    عرض: مرن !important;
    اتجاه المرن: عمودي !important;
    محاذاة العناصر: يبدأ من اليسار !important;}
.category-logo،
.category-title-header.category-banner-1slug .category-logo {
    العرض: 100%;
    الهامش السفلي: 10px;
    الهامش الأيمن: 0;}
.category-title،
.category-title-header.category-banner-1slug .category-title {
    العرض: 100%;
    الهامش العلوي: 20px;
    محاذاة النص: يسار;}

مرحباً! ربما يمكن لأحد مساعدتي في إصلاح مشكلة غريبة ظهرت فجأة.

كانت جميع العناوين في اللافتات بيضاء، ولكنها تغيرت الآن إلى اللون الأسود وفي بعض الفئات فقط… هل هذه مشكلة معروفة، أم يجب علي التحقق من شيء من جانبي؟

على سبيل المثال:

الرابط إلى مجتمعنا، فقط في حال احتجت إليه: https://community.elfsight.com/

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