تخصيص مظهر الدردشة

أحاول تخصيص نافذة الدردشة الجديدة (وضع ملء الشاشة) على سطح المكتب.

لديّ ملف CSS الذي أرغب في استخدامه، لكنني لا أستطيع معرفة أين يجب وضعه في القالب الخاص بي ليصبح ساري المفعول.

لقد جربت…

my_theme/desktop/chat.scss
my_theme/desktop/chat_desktop.scss
my_theme/common/chat.scss
my_theme/common/chat_desktop.scss

لا يبدو أن أيًا من هذه الملفات يتجاوز ملف CSS الافتراضي.

للإكمال، إليك ملف CSS الذي أحاول حقنه.

// تعديل مظهر الدردشة بملء الشاشة

.full-page-chat .chat-full-page-header {
	background: var(--primary-very-low);
}

.full-page-chat .chat-full-page-header {
	border-top: 0px;
}

:root {
	--d-max-width: 2000px;
}

.has-full-page-chat:not(.discourse-sidebar) {
	--max-chat-width: 2000px;
}

#main-outlet-wrapper {
	padding: 0 0px;
}
إعجاب واحد (1)

هيكل اسم المجلد/الملف لديك غير صحيح.

اقرأ هذا: Developing Discourse Themes & Theme Components

3 إعجابات

أنا متأكد من أنني أفوت شيئًا. ما هو الخطأ فيه؟

هذا هو هيكل المجلد الخاص بي.

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

هذا يختلف عما شاركته في المنشور الأصلي:

إذا كنت تريد تسمية مشرفي الدردشة بشيء مختلف، فيجب عليك الإشارة إليهم في الملف الرئيسي.

إعجابَين (2)

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

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

يمكنك وضع CSS الخاص بك في theme/desktop/desktop.scss — للتأثير على الدردشة، لا يلزم أن يكون الملف في ملف خاص بالدردشة، ما عليك سوى استهداف الفئات ذات الصلة.

6 إعجابات

يمكنك استخدام @import "chat" أو ما يعادلها لاستيرادها في ملفك الرئيسي.

إعجابَين (2)

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