فئات فرعية منسقة في ديسكورد

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

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

:information_source: نظرة عامة

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

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

الإعدادات:

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


:bulb: ملاحظات

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

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


تصفح عناصر Discourse الأخرى الخاصة بي
21 إعجابًا

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

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

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

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

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

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

إعجابَين (2)

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

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

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

إعجابَين (2)

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

6 إعجابات

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

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

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

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

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

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

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

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

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

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

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

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