مجرد إعادة نشر هذا هنا. اعتقدت أن مكون الدردشة كان لديه مشكلة تعارض مع لافتة بحث Discourse. ولكن بعد تجربة معاينة للافتة فقط. يبدو أنها مشكلة تتعلق بخلفية سمة Air.
انظر في الرابط أدناه.
https://meta.discourse.org/t/issue-with-discourse-search-banner/254231?u=heliosurge
أتساءل فقط عما إذا كانت لديك فرصة لتقييم مشكلة المكون الإضافي للدردشة؟ كما هو موضح أعلاه؟ أعتذر، أتخيل أنك مشغول للغاية. اعتقدت أنه كان هناك تعارض مع لافتة البحث ولكن يبدو أنه يتعلق بخلفية سمة Air. يبدو أن المكون الإضافي للدردشة ينشئ عمودًا مركزيًا أبيض يتراكب فوق الخلفية الزرقاء.
مرحباً،
تم العثور على مشكلة عند تفعيل إضافة الدردشة في Discourse، حيث تصبح لافتة البحث في Discourse فارغة.
قيد التشغيل: تم اجتياز الاختبار
باستخدام سمة Air. عند تعطيل إضافة الدردشة، لا تظهر أي مشاكل. بعد تمكين الدردشة كما هو موضح أعلاه.
تعديل: كنت مخطئًا. تم التأكيد مرة أخرى على أنه في الواقع تعارض/مشكلة مع خلفية سمة Air، حيث يتم قطع اللون الأزرق/إزالته. انظر المشاركات أدناه مع تعطيل الدردشة، يتم عرض الخلفية الزرقاء بشكل صحيح مع تراكب لافتة البحث في Discourse باللون الأبيض على الأزرق بشكل صحيح.
مرحباً Heliosurge، لست متأكداً تماماً من فهم المشكلة (أرى مساحة فارغة في لقطة الشاشة الخاصة بك على الرغم من ذلك)
هل يمكنك مشاركة الخطوات الدقيقة التي نحتاج إلى اتخاذها لتجربة المشكلة حتى نتمكن من إعادة إنشائها بأنفسنا؟ 
كان الأمر بسيطًا جدًا. كان لدى سمة Air سمة Discourse Search Banner مثبتة كجزء من السمة الكاملة.
كما هو مذكور، تم تشغيل الاختبار بنجاح.
بمجرد تمكين إضافة الدردشة، لم تعد لافتة الترحيب في سمة Discourse Search Banner تعرض رسالة الترحيب.
قم بإيقاف تشغيل إضافة الدردشة. يتم عرض لافتة الترحيب.
إضافة الدردشة معطلة
يمكنك أن ترى في هذه اللقطة أن أيقونة إضافة الدردشة قد اختفت من الرأس. يمكنك أيضًا رؤية التأثيرات الأخرى التي يبدو أن إضافة الدردشة تحدثها في الخلفية، مما يؤدي إلى إنشاء مستطيل أبيض فارغ يتجاهل الخلفية الزرقاء.
الآن بالنظر إليها، هل يمكن أن تتداخل مع خلفية Air Theme الزرقاء؟ حيث أن النص أبيض في اللافتة. لذلك قد أكون على المسار الخاطئ مع سمة Discourse Search Banner. قد يكون هناك تعارض مع جزء من سمة Air… ؟؟
تم التأكيد. أعتذر يبدو أنه تعارض مع خلفية سمة Air. لقد جربت للتو معاينة لمكون Discourse Search Banner مع إضافة Chat.
انظر أدناه
آسف للتشخيص الخاطئ.. 
بالنظر إلى سمة Air، فإن الجزء الأزرق من الخلفية محجوب في هذا العمود الأوسط عند التمرير، ويكون الجزء الأزرق فقط على الحواف الخارجية. عند تعطيل الدردشة، يتصل الجزء الأزرق من الخلفية من اليسار إلى اليمين عبر الوسط.
مقابل
مجرد رفع هذا الموضوع. يبدو أنه في الواقع خلفية سمة الهواء (Air Theme) تحتوي على عمود أبيض مركزي. انظر الصور أعلاه.
أتساءل فقط عما إذا كان الفريق قد تمكن من إعادة إنتاج المشكلة حيث تم عزلها إلى خلفية سمة الهواء (Air Theme) وليست مشكلة في لافتة البحث.
مرحباً دان،
يبدو أن منفذ مكون Search Banner الإضافي لديك مضبوط على above-main-container الافتراضي؟ أعتقد أنك بحاجة إلى تغيير هذا لوضع Search Banner خارج #main-outlet 
ولكن السمة لديها نمط مخصص للدردشة عند تمكينها على #main-outlet والتي أعتقد أنها تحتاج فقط إلى أن تكون نشطة في صفحات الدردشة.
هذا يضيف الخلفية باستخدام !important إلى #main-outlet والذي يتجاوز شفافية خلفية السمة على #main-outlet وما إلى ذلك…
أعتقد أن هذا سيكون أفضل مع تقييده بـ .has-full-page-chat بحيث يظهر فقط في صفحات الدردشة؟
مع إعداد above-main-container
مع إعداد below-site-header
حسنًا، هذا يصلح العرض الأساسي. ما هو الكود الذي يصلح الدردشة؟ حيث لا يزال بها العمود الأبيض أسفل رأس لافتة البحث في الفئات كما في لقطة الشاشة الأخيرة الخاصة بك.
شكراً لمساعدتك.
أنا أضيف صور “شعار الفئة” إلى بعض فئاتي، وليس كلها.
السلوك المتوقع: عند إضافة صورة شعار إلى فئة، يظل حجم التسمية كما هو مثل تسميات الفئات الأخرى.
السلوك الملاحظ: عند إضافة صورة شعار إلى فئة، يكون المربع أكبر نسبيًا من المربعات الموجودة في تسميات الفئات التي لا تحتوي على صور شعار. بالإضافة إلى عدم محاذاة الفئات في نفس العمود، فإن الصفوف التي تحتوي على فئات مع صور شعار تكون أطول من الصفوف التي تحتوي على فئات بدون صور شعار.
يحدث هذا على الهاتف المحمول وسطح المكتب.
كيف يمكنني إصلاح هذا؟
أؤكد أن هذا هو ما يظهر على موقعي. أعتقد أن السبب هو أن الشعار غير القططي يستخدم وصفًا صغيرًا جدًا مقابل الشعار القططي.
أتخيل أنه يمكنك على الأرجح استخدام CSS لجعل الفئات غير الشعارية تتطابق مع حجم صندوق الشعارات.
شكراً على التأكيد. لغة CSS تجعل جلدي يزحف. إنها نقطة ضعفي. لم أكن أقل إنتاجية من أي وقت مضى عندما كنت أعمل على جعل الهوامش تبدو صحيحة باستخدام CSS.
أسمع أنك لا تزال تتعلم. ولكن تخيل أن المؤلف أو أحد أعضاء الفريق قد يساعد في إصلاح رمز CSS.
اكتشفت للتو تبديل الإضاءة/الظلام. يعمل بشكل جيد. يبدو أنه عند تحديث الصفحة، سيعرض discourse شعار السمة الفاتحة بدلاً من ذلك. أشك في أن هذا يرجع إلى أن discourse لا يكتشف أن متصفح الويب ليس في الوضع المظلم.
غريب، يبدو أنه تم إصلاحه بنفسه. ههه
لقد انتقلت إليه للتو ويجب أن أقول إنه تصميم نظيف جدًا وجميل. أحببته كثيرًا. عمل رائع لمن صممه. شكرًا.
هل سيكون من الممكن أن ترسل لي رسالة مباشرة؟ لا أشعر بالراحة في مشاركة الرابط علنًا. شكرًا لك على استعدادك للمساعدة! <3
لقد قمت بإلغاء تثبيت Air Theme وجميع المكونات الإضافية الخاصة به، وأعدت تثبيتها. لقد جربت كل ما يمكنني التفكير فيه لإصلاحه ولكن لم أستطع.
لقد وجدت المشكلة المتعلقة باختفاء قائمة “الفئات” المنسدلة للجوال باستخدام سمة Air.
بالإشارة إلى المشاركات…
الكود الموجود في المستودع الخاص بك Common.scss يذكر…
.mobile-view {
.cm-header-links {
display: none;
}
.list-controls .nav-pills .drop li:first-of-type {
display: none;
}
}
لقد قمت بتحديث الكود إلى
.mobile-view {
.cm-header-links {
display: none;
}
.list-controls .nav-pills .drop li:first-of-type {
display: block;
}
}
والآن لا تختفي قائمة الفئات المنسدلة بعد اختيار خيار آخر من القائمة المنسدلة.
مرحباً بالجميع..
أحاول تخصيص منصة Discourse المستضافة ذاتيًا ووجدت أن هذا القالب نقطة انطلاق جيدة!
كيف تقومون بإجراء تغييرات في CSS (مثل تغيير الخلفية)؟
نظرًا لعدم وجود قسم “CSS/HTML مخصص” في صفحة القالب عند تحديده مثلما هو الحال في القالب الافتراضي.
مرحباً،
رائع.. لم أفكر في أن يكون المكون مجرد تعديل CSS.
شكرا.
مرحباً،
لدي تنبيه في وحدة التحكم:
deprecated.js:61 إشعار إيقاف: يجب الآن تمرير وسائط PluginOutlet باستخدام `@outletArgs=` بدلاً من `@args=` (outlet: category-box-below-each-category) [deprecation id: discourse.plugin-outlet-args]
in
هل نسيت شيئًا في إعدادات السمة الخاصة بي؟
لقد بحثت، لا أرى…