دردشة - فقاعات واتساب

[chapoi]

الدردشة لا تزال قيد التطوير النشط، لذا من المحتمل أن يكون هذا المكون غير مستقر وفي مرحلة تجريبية في الوقت الحالي. نرحب بالملاحظات وتقارير الأخطاء.

	ملخص	واجهة مستخدم مستوحاة من واتساب للدردشة (للجوال)
	معاينة	Theme Creator (عرض الجوال فقط)
	مستودع	GitHub - chapoi/discourse-chat-bubbles: A whatsapp-inspired skin for Discourse chat (mobile)
	دليل التثبيت	كيفية تثبيت سمة أو مكون سمة
	جديد في سمات Discourse؟	دليل المبتدئين لاستخدام سمات Discourse

<!- املأ "repoName" و "repoURL" لزر التثبيت التلقائي →

تثبيت مكون السمة هذا

تعليمات المعاينة

1. تأكد من عرض هذا على شاشة صغيرة.
2. لا تنسَ إضافة ?mobile_view=1 إلى عنوان URL للحصول على العرض الصحيح.
3. قم بتسجيل الدخول للوصول إلى الدردشة.

الوصف

<!- صف هذه السمة/المكون في جملة أو جملتين →

نمط رسائل فقاعية، مطبق على الجوال فقط.

<!- أضف المزيد من التفاصيل واشرح الإعدادات (إن وجدت) →

الإعدادات

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

يمكنك أيضًا اختيار ألوان الفقاعات والخلفية وراء النمط، أو تعطيل النمط تمامًا.

إذا تركت أيًا من إعدادات الإضاءة أو الظلام فارغة، فستعود الفقاعات افتراضيًا إلى secondary و tertiary-low. إذا تركت لون الخلفية فارغًا، فسيعود افتراضيًا إلى primary-high.

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

الوضع المظلم

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

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

مشاكل معروفة

• الطوابع الزمنية لرسائلك الخاصة موضوعة بشكل مختلف عن رسائل الآخرين
• لا يوجد وضع مظلم (حتى الآن)
• الوضع المظلم يتصرف بشكل غريب على بعض الأجهزة
• لا يعمل بشكل جيد مع تفعيل سلاسل الرسائل

[fbpbdmin (deepblue)]

هذا لطيف جدا!

اقتراح واحد،
هل يمكن السماح للجميع بتغيير صورة الخلفية الخاصة بهم؟

ودائرة SVG الافتراضية يتم عرضها بشكل مختلف على سمة iPhone و Android الداكنة.
على iPhone، تبدو الخطوط أكثر سطوعًا، وليس مثل المثال في منشور المستند… لست متأكدًا لماذا…

[Jagster (Jakke Lehtonen)]

هل يمكنني تعطيل نمط الخلفية تمامًا؟

@fbpbdmin

هل من الممكن السماح للجميع بتغيير صورة الخلفية الخاصة بهم

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

لا يمكن للمستخدم حتى ضبط صندوق أدوات المؤلف، وهذا سيكون ميزة مهمة.

[chapoi]

@fbpbdmin

هل من الممكن السماح للجميع بتغيير صورة الخلفية الخاصة بهم؟

@Jagster

أعتقد أن هذا صعب للغاية وإذا كان يمكن القيام به فإنه يحتاج إلى إضافة.

نعم للأسف هذا دوري آخر. إذا كان الاهتمام كبيرًا بما يكفي لهذا المظهر بشكل عام، فسأحب توسيعه ولكن في الوقت الحالي لن يحدث ذلك.

@Jagster

هل يمكنني تعطيل نمط الخلفية تمامًا؟

أوه نعم، هذا سهل بما فيه الكفاية. يمكنني إجراء تحديث لذلك.

[fbpbdmin (deepblue)]

@chapoi هل يمكنك تجربة السمة الداكنة على الآيفون، معظم الأنماط تُعرض بشكل غريب هناك.

على سبيل المثال، السمة الافتراضية، على الآيفون الداكن، الروابط بيضاء، تبدو مزدحمة جدًا.

تبدو جيدة على السمة الداكنة للأندرويد مع ذلك…

شكرًا.

[chapoi]

يا إلهي! شكرًا على ذلك، سأحاول إلقاء نظرة على الوضع المظلم خلال عطلة نهاية الأسبوع.

[chapoi]

لقد أضفت إعدادًا لتعطيل النمط بالكامل.

مشكلات الوضع المظلم على iPhone ناتجة عن خطأ في Safari، والذي يمنع خاصية background-mode-blend من العمل عند استخدام background-repeat… إنه أمر مزعج للغاية وليس لدي حل بديل حتى الآن.

قد يتطلب الأمر تحميلين منفصلين للوضع المظلم/الفاتح، وهو أمر غير أنيق على الإطلاق.

على أي حال، أوصي في الوقت الحالي باستخدامه بدون النمط، إذا كنت على iPhone وتستخدم جهازك في الوضع المظلم.

[Falco]

@chapoi

@fbpbdmin

هل من الممكن السماح للجميع بتغيير صورة الخلفية الخاصة بهم؟

@Jagster

أعتقد أن هذا صعب حقًا وإذا كان يمكن القيام به فإنه يحتاج إلى إضافة.

نعم للأسف هذا دوري آخر. إذا كان الاهتمام كبيرًا بما يكفي لهذا المظهر بشكل عام، فسأحب توسيعه ولكن في الوقت الحالي لن يحدث ذلك.

ربما خيار للمستخدم لاستخدام صورته الحالية “خلفية بطاقة المستخدم” كخلفية للدردشة؟

[Roi]

@chapoi

مزعج للغاية وليس لدي حل بديل حتى الآن.

نعم، نفس الشيء هنا:

لكنها تبدو رائعة على نظام أندرويد:

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

[digitaldominica]

مرحباً @chapoi، هل هناك طريقة لتغيير أيقونة الرد في الدردشة إلى سهم لليسار بدلاً من أيقونة المشاركة التي تظهر d-icon-share؟

[chapoi]

ليس مع مكون السمة هذا تحديدًا، لا.

يمكنك اتباع شيء مثل هذا

Help replacing an icon

I am trying to replace the bars icon for opening/closing the sidebar following these instructions Replace Discourse's default SVG icons with custom icons in a theme but I’m not having much luck. I’ve created a spritesheet with the sidebar icon I want to use (blurred out since it’s a pro fontawesome icon) [image] Created a component and uploaded the spritesheet: [image] And used this code (I only want the change on desktop) [image] But I just get no icon: [image] Any ideas? I’m sure I…

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

لاستبدالها هناك فقط سيتضمن بعض التعقيد الإضافي، لست متأكدًا مما هو.

[digitaldominica]

حسنًا شكرًا لك، سأحاول. أنا أستخدم سمة مجتمع Kodular وتظهر نفس الأيقونة في المواضيع التي أرد عليها. أتساءل عما إذا كان هذا جزءًا من السمة تحديدًا. سأذهب للسؤال المطور الآن.

[digitaldominica]

شكراً على هذه المكونات.

لقد أجريت تعديلاً بسيطاً على mobile.scss في الأسطر 55 - 62

.chat-messages-scroll {
  background-color: var(--bubble-bg);
  background-image: url(check-empty($background-pattern, $enable_pattern));
  background-blend-mode: var(--bubble-bg-mode);

}
.chat-messages-container {
  padding: 0;

في السابق، تم تطبيق الخلفية على .chat-messages-container ومع التمرير، كانت خلفيتي تتحرك مع الرسائل، وبهذه الطريقة تبقى في الخلف.

لاحظت وجود مثيلين لـ .chat-messages-container في الدردشة عبر الهاتف المحمول مما تسبب في تكرار الخلفية.

[chapoi]

شكراً لك، لقد تم اكتشاف خطأ سخيف بشكل ممتاز. تم الإصلاح.

[digitaldominica]

مرحباً، يبدو أن خلفية الدردشة لم تعد مرئية في الدردشة، ولا أرى CSS يُضاف إلى حاوية الدردشة بعد الآن. أنا حاليًا أستخدم الإصدار 3.3.0.beta2

[chapoi]

مرحباً! شكراً على التقرير؛ لقد حدثت تغييرات كثيرة في الدردشة وربما أحتاج إلى تحديث هذا المكون.

سأحاول القيام بذلك قريباً!

[eisammy (Sammy)]

حاولت تجربة مكون السمة هذا قبل أيام قليلة، إذا أردت، هل يمكنني نشر لقطات شاشة للأخطاء هنا لأنني أتمنى تمكينه مرة أخرى.

[eisammy (Sammy)]

@chapoi رائع ببساطة… يبدو أن الأخطاء قد اختفت. هل هناك خطط لتطبيق هذا على النسخة المكتبية؟

[Earnie_Baird (Earnie)]

لقد اختبرت هذا للتو. إنه رائع ولكن كما أفاد آخرون، لا يبدو أنه يسمح لك بتغيير لون الخلفية أو نمطها.

مع الخلفية الفاتحة الافتراضية، تندمج الفقاعات البيضاء حقًا في الخلفية.

[eisammy (Sammy)]

رابط انستغرام جديد به خلل