فئات فرعية منسقة في Discourse

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

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

:information_source: نظرة عامة

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

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

الإعدادات:

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


:bulb: ملاحظات

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

يستبدل هذا المكون الرابط المؤرشف الآن Indented / Nested Sidebar Categories or Subcategories.


اطّلع على بقية أعمالي في ديسكورد
21 إعجابًا

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

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

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

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

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

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

إعجابَين (2)

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

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

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

إعجابَين (2)

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

6 إعجابات

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

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

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

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

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

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

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

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

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

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

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

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

(حُذِفَ المنشور من قبل المؤلف)