فقاعات الرسائل الشخصية

:exclamation: تمت إضافة وظيفة هذا المكون إلى نواة Discourse بدءًا من الإصدار 2.8.0 هنا. لن تحقق أي فائدة إذا استمررت في استخدامه بعد الترقية إلى إصدار أحدث!

لقد قمت بإنشاء مكون سمة لتغيير نمط منشورات الرسائل الشخصية إلى فقاعات للمساعدة في تمييزها عن المواضيع.

الإعدادات:

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

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

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

70 إعجابًا

هذا رائع جدًا، @Rhidian!!!

أنا فضولي بشأن شيء ما لأنني لم أتعامل مع الإضافات من قبل…

هل من الممكن السماح بكود سداسي مع شفافية، بدلاً من السماح فقط بألوان النظام؟ لا مشكلة إذا كان ذلك يتطلب الكثير من العمل الإضافي. أنا مجرد فضولي.

ماذا لو أردت تغيير التنسيق؟ للظل أو أي CSS آخر. لست خبيرًا جدًا في Github وكيفية عمل كل ذلك، لكنني نظرت في مستودع .git الخاص بك قبل نسخه إلى مكونات سلاسلتي. أعرف كيفية كتابة CSS. هل يمكنني نسخ إضافتك ثم تعديل ملف CSS الموجود لديك، ثم رفعه كمكون سلاسلتي جديد بالتنسيق الذي أريده؟

إذا كنت تستطيع إرشادي إلى أي تعليمات حول كيفية تعديل إضافة، فسيكون ذلك رائعًا. أو، أفترض أنه يمكنني ببساطة تجاوز CSS من الواجهة الأمامية. هل أحد الخيارين أفضل من الآخر من حيث الأداء؟

مرة أخرى… شكرًا جزيلاً لك على هذا… إنه ببساطة الحل الذي كنت أبحث عنه لتمييز الرسائل الخاصة عن المواضيع العادية!

4 إعجابات

شكرًا لك @jord8on. إنه لأمر رائع الحصول على تغذية راجعة كهذه.

سأجعل ظل السقوط قابلاً للتخصيص كخيار في الإعدادات.

بشأن إنشاء/تحرير CSS خاص بك، الأمر سهل. قم بتحميل المكون ثم انقر على قسم CSS/HTML المخصص في إعدادات المكون.

ببساطة قم بتحرير ملف CSS واضغط على حفظ. هذه تعديلاتك الخاصة. إذا كنت ترغب في مشاركتها ودمجها في المكون ليعم النفع على الجميع، فيمكنك ببساطة نشر CSS هنا في موضوع discourse meta - أو كهدف طويل الأمد، تعلم كيفية عمل pull requests في Github و/أو إنشاء نسخة فرعية (fork) للمستودع إذا كنت تجري تغييرات جوهرية أكثر.

3 إعجابات

شكرًا لك يا @Rhidian!!!

:wrapped_gift:

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

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

6 إعجابات

لقد قمت بتحديث مكون هذا القالب بحيث يمكنك الآن إدخال ألوانك الخاصة باستخدام أحد الطرق التالية:

  • أسماء الألوان في HTML (black, white, maroon, red, purple, green, lime, olive, yellow, navy, blue, teal, aqua)
  • أكواد الألوان في HTML (#000000 black, #FFFFFF white وهكذا، أو الأكواد المختصرة مثل #CCC)
  • أسماء ألوان القالب (primary, secondary, tertiary)

يمكنك أيضًا إدخال ألوان نص رسائلك الخاصة بنفس الطريقة لتتناسب مع لون فقاعة المحادثة.

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

هذا التحديث متوافق مع الإصدارات السابقة. للوصول إلى هذه الميزة، استخدم زر “التحقق من وجود تحديثات” في إعدادات القالب الخاص بك.

9 إعجابات

عمل رائع يا @Rhidian!

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

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

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

مرحبًا @ggurbet، هل يمكنك من فضلك نشر لقطة شاشة ومشاركة CSS التي قمت بتغييرها؟

@Rhidian، كانت الحدود مشتتة جدًا لذا قمت بإزالتها. تجاهل ألواني :slight_smile:

لقطة شاشة للنمط الفاتح:

لقطة شاشة للنمط الداكن:

لقد أضفت هذا إلى Common > CSS:

// مكون فقاعة الرسالة الخاصة - بدون حدود
.archetype-private_message .topic-body .contents {
    border: none !important;
}
3 إعجابات

أعجبني هذا!

طلب

  • هل يمكن أيضًا جعل اللون الرباعي متاحًا؟
  • لاحظت خطأ إملائيًا في التعليمات. كلمة Tertiary مكتوبة بشكل خاطئ teriary

Screenshot of Google Chrome (3-8-21, 10-19-25 AM)

إعجابَين (2)

رائع جداً. يعجبني :grin:

لقد أضفت خيار إزالة الحدود، وخيار الرباعي، وأصلحت تهجئة الثلاثي.

شكرًا لك @ggurbet @debryc

Shaun The Sheep Movie Ok GIF

7 إعجابات

كان ذلك سريعًا، شكرًا لك!

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

أيضًا، اقتراح صغير: تسمح بإضافة نص في نهاية زر الرد، ولكن في بعض اللغات (مثل التركية)، يُفضل إضافة النص في البداية لأن الفعل يأتي في نهاية الجمل فيها.

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

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

لا، ليس كذلك. فبعض التعديلات البسيطة على CSS تكفي.

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

يبدو لي هذا مشكلة. أنا أفضل الاحتفاظ بالقدرة على تعديل السمات في مكانها. فهذا بالتأكيد يساعد في تطوير السمات والمكونات.

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

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

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

مرحبًا وشكرًا على هذا المكوّن الرائع للموضوع. :trophy:

خطأ محتمل: يبدو أن خيار “النص المضاف” يتضمن مسافة قبل السلسلة في أسفل موضوع الرسالة، لكنه لا يتضمنها في نافذة المحرر. انظر أدناه:

إعجابَين (2)

@Rhidian، هل يمكنك أيضًا إضافة خيار لإضافة نص قبل زر الرد؟ في بعض اللغات (مثل التركية)، سيكون من المنطقي إضافة بعض النص في بداية الفعل.

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

مكون رائع! هل لدينا شيء مشابه للمشاركات الفعلية في المواضيع؟ أقصد مكونًا يجعل المشاركات تبدو مثل فقاعات الرسائل!

لقد أضفت خيار إضافة نص قبل زر الرد. كما يخفي هذا السهم SVG للرد قبل نص الرد.

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