قائمة مواضيع MD مكون الهاتف المحمول

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


التوافق

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

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

للأسف، قد لا يعمل المكون السمّي مع الإضافات التي تُعدّل بالفعل عرض قائمة المواضيع مثل معاينات قائمة المواضيع.

أخبرني إذا واجهت أي مشكلة!

21 إعجابًا

إضافة رائعة. مع ذلك، كمقترح عام، هل يمكن إضافة قائمة بالموضوعات والمكونات مع ذكر إصدار Discourse الأدنى المطلوب؟ أنا أعمل على الفرع المستقر، لكن لدي بيئة اختبار تجريبية لإصدار 2.5 بيتا. @codinghorror؟

لقد قمت للتو بإنشاء فرع مخصص للإصدارات الأقدم.

عند التثبيت، استخدم الرابط https://github.com/iunctis/md-topic-list-mobile في الخيارات المتقدمة وأضف older-discourse

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

إعجابَين (2)

مقارنة مباشرة:

الافتراضي / المكون

أعجبني أن صورة رمزية للمشارك الأخير على اليمين.
في التخطيط الافتراضي للجوال، الصورة الرمزية الكبيرة الموجودة على يسار عنوان الموضوع توحي بـ “المؤلف”.

بدافع الفضول فقط، نظرت في ملف scss، هل هناك سبب لعدم استخدامك للتركيب المتداخل الذي يوفره scss؟

7 إعجابات

لقد جربت الخيار المتقدم. لا يزال يظهر “معطل، يتطلب 2.5 بيتا2”.

السبب الرئيسي هو أنني أرتكب أخطاءً أكثر عند استخدام التركيب المتداخل في CSS :grimacing:

لكن يمكنني إعادة كتابته خلال بضعة أسابيع عندما أشعر بثقة أكبر في تصميم قائمة المواضيع

@Heliosurge قمت بتحرير ملف about.json، يجب أن يكون الأمر على ما يرام الآن

3 إعجابات

شكرًا لك على عملك الرائع. :clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles:

إعجابَين (2)

لقد قمت بتطبيق ترقية صغيرة للتو. لا توجد ميزة جديدة، لكنني أضفت التوافق مع دوال الصور المصغرة الجديدة.

أصبح مكون السمة متوافقًا تمامًا مع هذه المكونات:

4 إعجابات

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

ليس مع CSS، لكن يمكن تصحيح القالب.

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

إعجابَين (2)

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

إعجابَين (2)

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

بشكل عام، عرض الموضوع على الهاتف المحمول رائع جدًا. مستخدموكم يحبونه.

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

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

سأقوم بالترقية خلال بضع دقائق

تعديل: تمت الترقية للتو، أخبرني إذا كان الأمر أفضل

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

نعم، إنه يعمل بشكل مثالي الآن، شكرًا لك، كان الأمر سريعًا :slight_smile:

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

أعتقد أنه يجب عليك إزالة رمز الإيموجي الذي أضفته أمام قائمة الوسوم:

يظهر بشكل مختلف على أنظمة تشغيل مختلفة:

image

قد لا يتناسب مع تصميم المنتدى، ويجب أن يحترم خيارات تصميم سطح المكتب (حيث لا توجد أيقونة افتراضياً)

إذا أضفت أيقونة وسم باستخدام مكون أيقونات الوسوم، سيظهر الشكل كالتالي:

image

لذلك أخفيت الإيموجي باستخدام CSS، لكن أعتقد أنه لا ينبغي أن يكون موجوداً من الأساس :slight_smile:

هذا هو الشكل الذي يظهر به في منتداي الآن:

image

.md-tlm .discourse-tags::before {
    display: none;
}
.md-tlm .tl-replies {
    margin-right: 8px;
}
إعجاب واحد (1)

شكرًا على التغذية الراجعة، أعاني من مشاكل كبيرة في الإنترنت لذا أنا متأخر قليلًا في جميع أعمال المناقشة.

أعجبني فكرة أيقونة الوسم أو الإيموجي، لكنني على الأرجح سأقوم بتغيير المكونين الخاصين بالمظهر إلى d-icon tag. وفي الوقت نفسه، سأقوم بإنشاء فرع بدون أي أيقونة لضمان التوافق مع مكون أيقونات الوسوم.

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

مرحباً ستيفن!
يبدو أن هناك بعض المشاكل في التصميم مع الإصدار الحالي من Discourse.
لقد أنشأت سمة فارغة وقممت فقط بتضمين مكون قائمة المواضيع MD للجوال، ويبدو أن هذه هي المشكلة بالفعل.
هذا هو العرض للجوال:

هناك شيء غريب في الهوامش/الحشو.

إعجابَين (2)

شكرًا، سألقي نظرة على الأمر الآن.

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

تعديل: التزام جديد، قمت بإعادة كتابة القالب والورقة الأنماط لتسهيل التحديث في المستقبل.

أخبرني إذا واجهت أي مشكلة @Canapin

4 إعجابات

يبدو مثالياً. شكراً لك!

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

هل يمكننا إضافة إجمالي الإعجابات والمشاهدات للموضوع بجوار عدد الردود؟

إعجابَين (2)