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

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


التوافق

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

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

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

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

21 إعجابًا

Nice Plugin. Though a general Reccommendation can we have Theme & Components list min Discourse version? I am on Stable branch but do have a test sandbox for 2.5beta. @codinghorror?

I just did a specific branch for older versions.

When installing, use the link https://github.com/iunctis/md-topic-list-mobile the advanced options and add older-discourse

You’ll know if it works if the avatars on the right column works fine. In a few weeks, when the avatars will be broken, you’ll just have to reinstall the component without using the advanced option

إعجابَين (2)

A direct comparison:

Default / Component

I like the fact that the last poster avatar is on the right.
On the default mobile layout, the big avatar just on the left of the topic title screams “author”.

Just out of curiosity, I looked at the scss file, any reason for which you didn’t use nested syntax provided by scss?

7 إعجابات

Tried the advanced option. Still says disabled req 2.5 beta2

Mostly because I make more mistakes with nested syntax on css :grimacing:

But I could rewrite it in a few weeks when I’m more confident with the topic list design

@Heliosurge I edited the about.json file, it should be ok now

3 إعجابات

Thank you for your awesome work. :beers::sunglasses::+1::sparkles:

إعجابَين (2)

I pushed a little upgrade just now. No new feature but I added the compatibility with the new thumbnails functions.

The theme component is now fully compatible with these components:

4 إعجابات

I love it, so clean. @Steven I was wondering if its possible too add with CSS this native feature when you click in total replies?

Not with css but the template can be corrected.

I personally only use this feature to access the first post but I shouldn’t impose my way of navigating to everyone. I’ll see if I can reinstore the feature

إعجابَين (2)

I upgraded the component to reinstore this feature, I tested on two supports but if there’s any issue let me know

إعجابَين (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)