FKB برو - موضوع اجتماعي

يمكنك أيضًا طلب المساعدة على:

https://ask.discourse.com

كيف أجعل الشريط الجانبي الأيمن يظهر في كل مكان؟ ليس فقط في الصفحة الرئيسية والفئات.

إنها لا تعمل لزر “إضافة موضوع”

هممم… يعمل بشكل جيد بالنسبة لي عند المعاينة على منشئ السمة (Theme Creator).

إذا كنت تريد استهداف زر “موضوع جديد” (New Topic) تحديدًا، جرب ما يلي:

button#create-topic {
  // أضف الأشياء هنا...
}

بعد هذا التحديث، يبدو أن هناك مشكلة في هذا الجزء من CSS.

عند وجود

  • رسالة خاصة
  • مع وسم
  • عرض بدون شريط جانبي

تصبح العرض صغيرًا جدًا

السبب:

.navigation-topics,
.categories-list,
body[class*="tag-"]:not(.archetype-regular):not(.archetype-banner),
body[class*="category-"]:not(.archetype-regular):not(.archetype-banner):not(.archetype-banner):not(.archetype-private_message) {

يتم تطبيقها في fkb-d-topic-list.scss، ولا ينبغي أن يحدث ذلك.

أظن أنها تحتاج إلى :not(.archetype-private_message)
ومع ذلك، أتساءل لماذا تستهدف هذه الأنماط المعمارية بهذه الطريقة المحددة؟ هل هي مجرد محاولة لمعرفة ما إذا كانت على قائمة المواضيع (مقارنة بعرض الموضوع؟)

إعجابَين (2)

أنا أحب هذا القالب، لكنني إما أواجه خطأً أو أنني كسرته.

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

يبدو أن التغيير التجريبي الجديد في “أساس” (Foundation) الحديث هو ما يسبب هذا السلوك. يبدو أن إيقافه يعيد المسافة إلى وضعها الطبيعي.

العنوان:
[خطأ] ينهار المظهر على Discourse 2026.4.0-latest — تعذر العثور على الوحدة 'ember-this-fallback/js-component'

الوصف:

بعد تحديث Discourse إلى الإصدار v2026.4.0-latest (الالتزام 19374472fd)، يتسبب مظهر FKB Pro في انهيار قاتل في الواجهة الأمامية، مما يجعل المنتدى غير قابل للاستخدام جزئيًا. يعرض Discourse شريطًا برتقاليًا:

“بسبب وجود خطأ في المظهر/المكون، قد لا يعمل موقعك بشكل صحيح. سببه ‘مظهر FKB Pro’.”

السبب الجذري:

لا يزال المظهر (أو أحد مكوناته) يشير إلى الوحدة ember-this-fallback/js-component، التي تم إزالتها من نواة Discourse في الإصدارات الأخيرة. كانت هذه الوحدة جسر توافق لنمط Ember this-property-fallback المُلغى، والذي سمح للقوالب باستخدام {{foo}} بدلاً من {{this.foo}}. أعلنت Discourse رسميًا عن إزالة هذا الجسر، واشترطت على جميع المظاهر والإضافات الانتقال إلى روابط this. الصريحة.


الخطأ من وحدة تحكم المتصفح:

فشل تحميل المظهر 4 من https://www.sitetalk.net/...
خطأ: تعذر العثور على الوحدة 'ember-this-fallback/js-component' المستوردة من (require)

[المظهر 4 'مظهر FKB Pro'] خطأ: تعذر العثور على الوحدة 'ember-this-fallback/js-component' المستوردة من (require)
  في vendor.js
  في requireModule (vendor.js)
  في Object.lookup (chunk.js)
  ...
  في reportThemeError (chunk.js)

(إصدار Discourse المعروض في وحدة التحكم: v2026.4.0-latest، و Ember v6.10.1)


البيئة:

العنصر القيمة
إصدار Discourse v2026.4.0-latest (الالتزام 19374472fd)
إصدار Ember v6.10.1
المظهر FKB Pro (التثبيت الافتراضي من هذا المستودع)
إعادة الإنتاج قابل لإعادة الإنتاج بنسبة 100% بعد ترقية Discourse

نأمل أن يتمكن المطورون من إصلاح هذه المشكلة. شكرًا لكم!!!

4 إعجابات

مرحبًا، عند تحديث Discourse إلى الإصدار v2026.4.0-latest — Ember v6.10.1، ظهر خطأ جعل المنتدى غير قابل للاستخدام:
client-error-handler.js:109 [THEME 28 ‘FKB Pro theme’] خطأ: تعذر العثور على الوحدة ember-this-fallback/this-fallback-helper المستوردة من (require)
at loader.js:247:1
at a (loader.js:258:1)
at requireModule (loader.js:24:1)
at Object.lookup (app.js:36:12)
نأمل في إصلاح المشكلة.

4 إعجابات

هل توجد أي أخبار حول إصلاح هذا المشكلة حتى الآن؟

هل هناك أي أخبار حول إصلاح هذه المشكلة حتى الآن؟

لدي تقرير بأن GitHub - literatecomputing/fkb-pro-theme: FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly. · GitHub يعمل. لقد قدمت طلب دمج.

4 إعجابات

مرحبًا دون،

أولاً، قالب مذهل حقًا! لقد قمت مؤخرًا بنشر FKB Pro لمجتمع التعليم المحلي الخاص بي، Jiwa.now، ويبدو واجهة المستخدم القائمة على البطاقات رائعة واحترافية للغاية.

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

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

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

في غضون ذلك، لجعل تجربة اللمس على الهاتف المحمول موثوقة بنسبة 100% لمستخدمي، قمت بكتابة مقتطف CSS باستخدام نهج «القائمة البيضاء» لخاصية pointer-events. يقوم هذا المقتطف بتحييد النقر على الخلفية تمامًا ويعيد تمكين النقر فقط على العناصر التفاعلية الفعلية.

فكرت في مشاركته هنا لأي شخص يسعى لتحسين أهداف اللمس لديه، وربما يكون مرجعًا مفيدًا للمطورين:

/* إصلاح تضارب النقر/اللمس على البطاقة في الهاتف المحمول (نهج القائمة البيضاء الذكي) */

/* 1. تحييد خلفية البطاقة بالكامل لمنع نقرات السحب */
.topic-list-item {
    pointer-events: none !important;
}

/* 2. إعادة تمكين جميع الروابط والأزرار الأصلية (الصور الرمزية، الوسوم، العناوين) */
.topic-list-item a,
.topic-list-item button {
    pointer-events: auto !important;
}

/* 3. إعادة تمكين نقرات الصور */
.topic-list-item .topic-image,
.topic-list-item .topic-thumbnail,
.topic-list-item img {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* 4. إعادة تمكين منطقة إحصائيات التذييل بالكامل */
.topic-list-item .topic-item-stats,
.topic-list-item .topic-footer,
.topic-list-item .post-activity,
.topic-list-item .activity,
.topic-list-item .num,
.topic-list-item .topic-meta-data {
    pointer-events: auto !important;
}

/* 5. إزالة أي عناصر وهمية للروابط الممتدة المتداخلة */
.topic-list-item .main-link::before,
.topic-list-item .main-link::after {
    pointer-events: none !important;
    display: none !important;
}

شكرًا!

ليو