من فضلك أخبرني بما يجب تغييره في الملفات لتغيير موقع العلامات.
أعتقد أن العنوان يجب أن يأتي أولاً.
من قبل:
بعد:
4 إعجابات
شكراً جزيلاً على هذا الـ TC الرائع. المظهر حديث وبسيط وأنيق حقًا.
سؤال واحد وطلب،
هل يمكن أن يكون لعرض نتائج البحث نفس المظهر؟ سيكون من الرائع حقًا أن يكون عرض نتائج البحث هو نفسه عرض الـ TC، مع الأخذ في الاعتبار أن مستخدمينا يستخدمون ميزة البحث كثيرًا.
مرة أخرى، شكراً جزيلاً على هذا العمل.
إعجابَين (2)
سيكون ذلك رائعًا ولكن للأسف إنه مجال مختلف تمامًا من التطبيق. لذلك لا يمكن تطبيقه هناك أيضًا. سيكون في الأساس مكونًا جديدًا تمامًا لتحقيق ذلك.
3 إعجابات
إعجاب واحد (1)
إنه مكون سمة رائع حقًا، هل يمكنني اقتراح بعض التحسينات بما في ذلك إضافة صفحة إعدادات لتعديل ما يلي:
- قيمة إعداد الزوايا المستديرة أو إيقافها
- قيمة إعداد الظل أو إيقافها
- إعداد تمكين/تعطيل الردود والعرض والنشاط
- إظهار الملصقات صحيح أو خطأ
3 إعجابات
أردت فقط المشاركة في حال وجد أي شخص آخر ذلك مفيدًا:
بالنسبة لي، واجهت نفس المشكلة مع الحد الأقصى لارتفاع بطاقة الموضوع الذي لم يكن كبيرًا بما يكفي إذا كان هناك صورة مصغرة - عند تثبيت هذا كمكون سمة على سمة Minima.
هذا هو CSS ذي الصلة الذي استخدمته لإصلاحه:
// زيادة الحد الأقصى لارتفاع بطاقات الموضوع مع صورة مصغرة
.topic-card:has(.topic-card__thumbnail) {
max-height: 275px;
}
(بدا الارتفاع الافتراضي 210 بكسل عندما تحققت في الفاحص)
قد تحتاج إلى تعديل على الرغم من ذلك - لم أتحقق من عرض الهاتف المحمول.
قبل
بعد
4 إعجابات
كنت أتساءل عما إذا كان يمكن تكوين هذا لاختيار الفئات التي تستخدم بطاقة الموضوع. سيكون رائعًا إذا تم استخدام هذا في Theme حيث أن الصور المصغرة للموضوع ليست ودية على الهاتف المحمول.
مكون لطيف جداً
3 إعجابات
نعم، هذا ما قصدته بما قلته من قبل: اعتمادًا على معلمات أخرى، قد يكون 210 بكسل صغيرًا جدًا، أو قد يكون 275 بكسل كبيرًا جدًا. من الصعب الحصول على حل يناسب الجميع.
قد أضيف بعض الإعدادات الإضافية (مثل اختيار الفئة حسب طلب @Heliosurge)، بما في ذلك ربما إعداد حجم أقصى حتى يتمكن كل منتدى من اللعب به.
5 إعجابات
١. ماذا عن تمرير الصورة إلى اليمين؟
الموضع مع الصورة وبدونها مختلف وغير متناسق.
٢. يبدو أن النص السفلي يميل إلى أن يتم اقتطاعه حيث يتم عرض بعض المحتوى.
3 إعجابات
كنت أتساءل كيف يبدو مكون السمة هذا على https://meta.discourse.org/t/discourse-air-theme/197703، مع دمج المواضيع التي تحتوي على صور وتلك التي لا تحتوي عليها. يبدو واعدًا ولكنه ليس جاهزًا بعد. ربما يمكن لـ CSS وحده إصلاح المشكلات أو ربما يلزم إجراء عمل أعمق.
يبدو جيدًا على الهاتف المحمول!
سأقوم بإلغاء تثبيته في الوقت الحالي، ولكني سأراقب هذا الموضوع لأنه يبدو جيدًا جدًا كما هو مقصود.
ونعم، ستكون إضافة لطيفة لأخذ صورة الفئة عندما لا يكون للموضوع صورة خاصة به.
3 إعجابات
ما الذي سيتطلبه الأمر لكي يُظهر مكون بطاقات الموضوع ليس فقط 
s للموضوع (كما هو الحال الآن) ولكن أيضًا المشاهدات والتعليقات، مثلما يفعل Topic List Thumbnails الرسمي في وضع المدونة؟
مصغرات قائمة الموضوع
بطاقات الموضوع
أيضًا، أعتقد أن استخدام مصغرات قائمة الموضوع لتاريخ آخر نشاط (“1 يوم” أعلاه) أفضل من تاريخ “النشر” في بطاقة الموضوع. تاريخ النشاط متسق مع الإعداد الافتراضي لـ Discourse ويوفر مزيدًا من المعلومات للمستخدمين. أيضًا، يتناسب التنفيذ التصميمي بشكل جيد جدًا بجوار المشاهدات والإعجابات والمشاركات.
في حال كنت تهتم، إليك بعض الأفكار الإضافية بعد ساعات عديدة من اختبار التركيبات بين السمة الافتراضية، https://meta.discourse.org/t/discourse-air-theme/197703، وبطاقات الموضوع ومصغرات قائمة الموضوع، بالإضافة إلى بعض التعديلات على CSS.
أنا أستقر على بطاقات الموضوع + السمة الافتراضية، مع إضافة الفئات الحديثة + مربعات المجموعات التي تجلب بطاقات للفئات وتتناسب مع بطاقات الموضوع.
الأسباب:
- تتعامل بطاقات الموضوع بأناقة مع المشاركات التي تحتوي على صور وبدون صور.
- سمة Air رائعة جدًا ولكن بطاقات الموضوع بالإضافة إلى الفئات الحديثة تحقق ذلك تقريبًا.
- البقاء مع السمة الافتراضية يضمن التوافق مع أي مكون سمة رسمي فور إخراجه.
3 إعجابات
حسناً، ربما يكون هذا السؤال أبسط: 
حالياً، المواضيع المقترحة في نهاية أي صفحة تعرض المواضيع كبطاقات. بينما أحب البطاقات في الصفحات الرئيسية، أعتقد أنها مبالغ فيها في نهاية جميع الصفحات، وتشتت الانتباه عن محتوى الصفحة الفعلي أو المناقشة.
هل هناك طريقة لعرض قائمة بسيطة من المواضيع المقترحة (قريبة قدر الإمكان من السمة الافتراضية) دون التأثير على بطاقات المواضيع في الصفحات الرئيسية؟
إعجابَين (2)
لا في الوقت الحالي، لا. لكنه طلب جيد في رأيي، لذا يمكنك دائمًا محاولة تقديم طلب ميزة له، وربما يتم قبوله بهذه الطريقة.
3 إعجابات
حسنًا، شكرًا لك. تم، وكذلك لطلبي الآخر أعلاه:
- Don't show Topic Cards' style in the Suggested topics
- Add icons for Views and Replies, and Last Activity date in Topic Cards
وبالمناسبة، بالأمس جربت هذا، لأنني واجهت نفس مشكلة تسرب المحتوى خارج البطاقات:
ألم يتسبب هذا في فوضى في العرض على الهاتف المحمول؟ لقد جربته للتو، وهو يحدث فوضى في حالتي.
3 إعجابات
سألقي نظرة على ذلك. على الأقل سأضيف إعدادًا للارتفاع، لتسهيل التعديل. سأضبط تذكيرًا حتى لا أنسى.
5 إعجابات
بعض الملاحظات التي قد تساعد في الحد من ارتفاع بطاقات الموضوع. لم أختبر هذا بشكل شامل، ولكن يبدو أن…
- بينما يقتصر الوصف دائمًا على ثلاثة أسطر، قد يقفز العنوان إلى سطرين أو أكثر. من السهل نسبيًا أن يحتاج العنوان إلى سطر ثانٍ، ويمكن للتصميم أن يأخذ ذلك في الاعتبار.
- عندما تكون هناك العديد من العلامات ولا تتناسب بجوار الفئة، فإنها كلها تقفز إلى سطر جديد أدناه. سيكون من الطبيعي أكثر وكفاءة في المساحة أن تبدأ العلامات دائمًا في العرض بجوار الفئة، ثم تتدفق في السطر الثاني العلامات التي لا تتناسب مع السطر الأول.
- “نشر [التاريخ]” و حاليان في سطر جديد تحت المؤلف. ومع ذلك، يمكن أن يكون عنصر “نشر” بجوار محاذيًا لليمين، في نفس الصف مع المؤلف. سيؤدي ذلك إلى توفير مساحة عمودية في كل إدخال وتقليل خطر تسرب المحتوى.
فقط في حال لم يكن الشرح الخاص بالعلامات واضحًا. هنا يمكنك رؤية كيف تبدأ في سطر جديد بدلاً من البدء بجوار الفئة كما تفعل افتراضيًا:
3 إعجابات
هل من الممكن تقنيًا فرض حد سطر واحد للعلامات، تمامًا كما يوجد حد سطرين مطبق على العنوان وثلاثة أسطر على الوصف.
ستستخدم معظم مثيلات Discourse من 0 إلى 5 علامات وسيكون سطر واحد أكثر من كافٍ لها. البعض (مثلنا) قد يستخدم العلامات بشكل مكثف ولكننا لا نحتاج إلى رؤيتها جميعًا في بطاقات الموضوع. مجرد رؤية الأولى كافية لإعطاء فكرة.
ستؤدي إضافة قيود على عدد الأسطر إلى جعل بطاقات الموضوع أكثر موثوقية بأحجام ونسب صور مختلفة:
- سطر واحد للفئة والعلامات
- ما يصل إلى سطرين للعنوان
- ما يصل إلى ثلاثة أسطر للوصف
- سطر واحد للمؤلف، وتاريخ النشر، والإعجابات.
3 إعجابات
للعلم، سنتعامل مع هذا في Add icons for Views and Replies, and Last Activity date in Topic Cards.
4 إعجابات
آه نعم، نسيت أن أعلق هنا بتحديثي حول ذلك: كان عليّ إضافة هذا الرمز إلى desktop.scss فقط بدلاً من common.scss
لا يمكنني تعديل تعليقي الأصلي بعد الآن ولكني قمت بتحديثه في مكون السمة الخاص بي: Minima Adjustments for Topic Cards
3 إعجابات