Discourse الفئات الفرعية المسافة البادئة

| | | |
|:information_source: | ملخص | يقوم بتطبيق مسافة بادئة تلقائيًا للفئات الفرعية في الشريط الجانبي |
|:eyeglasses: | معاينة | \u003chttps://discourse.theme-creator.io/theme/Lilly/discourse-indented-subcategories\u003e|
|:hammer_and_wrench: | المستودع | \u003chttps://github.com/Lillinator/discourse-indented-subcategories\u003e|
|:question: | دليل التثبيت | كيفية تثبيت سمة أو مكون سمة|
|:open_book: | جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse|

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

:information_source: نظرة عامة

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

هناك إعداد واحد لتغيير حجم المسافة البادئة - القيمة الافتراضية هي 1em، والحد الأدنى 0.5em والحد الأقصى 3em.

الإعدادات:

لقطة شاشة للنتيجة النموذجية في الشريط الجانبي:


:bulb: ملاحظات

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

يحل هذا المكون محل Indented / Nested Sidebar Categories or Subcategories الذي تم إهماله الآن.

20 إعجابًا

عمل رائع! سيكون من الرائع إذا كان بإمكانه الطي أو الفتح للفئات الرئيسية. هل هذا ممكن؟

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

لا - آسف، ولكن ليس لدي أي خطط لإضافة المزيد من الخيارات إلى هذه المكوّنة.

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

عمل رائع ليلي - بسيط وفعال بشكل مبهج. تحسن ملحوظ!!

أيضًا، أحب إشعار المسؤول الواضح بشأنه.

إعجابَين (2)

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

أنا أتفق - ولم ألاحظ ذلك حتى أشرت إليه للتو!

@Lilly، هل كان الـ TC القديم مُزاحًا للداخل على الهاتف المحمول؟

إعجابَين (2)

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

6 إعجابات

ما هو التفكير/السبب وراء إهمال مكون ذي ميزات أكثر اكتمالاً (الفئات المتداخلة) لصالح هذا المكون ذي التحكم الأقل؟
هل يمكنني الاستمرار في استخدام القديم على الرغم من أنه مهمل أم أنه سينهار في النهاية؟

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

يعمل بشكل رائع - شكرًا جزيلاً لكِ ليلي! يمكنني الآن إزالة الحل البديل لـ CSS الخاص بي :slight_smile:

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

آها - يتم ضبط المسافة البادئة بشكل جيد في الوضع العمودي، ولكن ليس في الوضع الأفقي (باستخدام جهاز iPad)

يعمل على جهاز الآيباد الخاص بي :woman_shrugging:

دعني أخمن، هل يعرض عرض الشريط الجانبي ذي العمودين؟

آهاه - آسف, نسيت أن أذكر أن تنسيقات CSS المخصصة الخاصة بي تجبره على أن يكون عمودًا واحدًا على الهاتف المحمول. إنه يعمل بشكل جيد في الوضع الرأسي (بمسافة بادئة مثل سطح المكتب) ولكنه قائمة مسطحة وبسيطة في الوضع الأفقي.

هذا ما أراه على جهاز iPad الخاص بي في كلا الوضعين الأفقي والعمودي:

آه - إنه يعمل معي الآن أيضًا، آسف! يبدو أنه يصبح “مسطحًا” عند تدوير الجهاز - ولكنه يصلح نفسه عند التحديث. شكرًا لك على التحقق!!

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