تصنيف الفئات الفرعية nest تحت فئاتها الرئيسية في الشريط الجانبي

أتفق مع هذا. هل كانت هناك أي تحديثات حول هذا؟ أم ستكون هناك في المستقبل القريب؟

إعجابَين (2)

ليس لدينا أي خطط فورية لإجراء تغييرات إضافية هنا.

لاحظ أنه يمكنك الآن رؤية أن الفئات الفرعية ترتب أسفل الفئة الأصلية (على سبيل المثال، الفئات الفرعية لـ Documentation في meta):

أيضًا، تغيرت واجهة المستخدم لاختيار الفئات منذ بدء هذه المناقشة، وداخل هذا الحوار، يتم تداخل الفئات الفرعية.

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

3 إعجابات

تحياتي!

بالصدفة، عثرت على هذه المقالة. تشابهها مع تكويني الذي كتبته سابقًا لافت للنظر.
https://meta.discourse.org/t/navigation-menu-sidebar-modifier/267354/24?u=aizada_m

أود أن أعرف - هل لدى فريق discourse حلول متخيلة لهذه المسألة، أم يمكن اعتبار المشكلة محسومة؟

لا أعرف على وجه اليقين، لكنني أشعر أنه إذا تم عرض الفئة الأصلية، فربما يمكن استهداف الفئات الفرعية باستخدام CSS لتحديد مسافتها لتوفير مظهر متداخل؟ هل يمكن استخدام عنصر زائف ::before؟ :woman_shrugging:t2:

ربما سأرى ما يمكنني التوصل إليه لأحد مكونات قائمة التنقل الخاصة بي عندما أقوم بتحديثها. لدي المنطق في ذهني حول كيفية تحقيق ذلك، لكنني لست متأكدًا مما إذا كان ذلك ممكنًا بالفعل. في أحلامي، لا يتم فقط تداخل الفئات الفرعية، ولكن من الممكن أيضًا طي الفئات الفرعية في فئاتها الأصلية عن طريق النقر على النقطة. :laughing: :exploding_head:

5 إعجابات

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

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

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

هل يمكن إخبار وحدة “إضافة قسم مخصص” بإضافة جميع الفئات العلوية تلقائيًا كأقسام خاصة بها، وسحب الفئات الفرعية الخاصة بها تحتها.

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

إعجابَين (2)

هل كان هناك حل لهذا؟

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

أتطلع إلى تحقيق شيء قريب مما يلي:

التسويق ⌄

  • التركيز على العملاء
  • التكنولوجيا
  • الأدوات

لا أعرف، لقد فكرت في هذا كثيرًا مؤخرًا - أعني أن قسم الفئات بأكمله قابل للتخصيص من قبل المستخدمين الأفراد وهذا هو الطريق المفضل ويجب تشجيعه. نظرًا لأنه يمكن إضافة فئات فرعية بدون فئاتها الأصلية ولديها نقاط ذات لون نصف للإشارة إلى حالة الفئة الفرعية الخاصة بها، أعتقد أن القائمة المتداخلة/المسافة البادئة ليست جديرة بالعناء حقًا، خاصة بالنظر إلى المهمة البرمجية الشاقة والصعبة لتحقيقها. من منظور وظيفي، ربما تبدو فكرة الفئات الأصلية القابلة للطي (مثل قسم المزيد على سبيل المثال) عن طريق النقر على النقطة أكثر جاذبية بالنسبة لي من المسافة البادئة، على الرغم من أنها مسعى برمجي أكثر صعوبة. :thinking:

إعجابَين (2)

إذًا، استخدم معرفات الفئات الفرعية، وهي مزعجة إلى حد ما ولكنها وظيفية:

li.sidebar-section-link-wrapper {
  &[data-category-id="10"], /*subcategory ID*/
  &[data-category-id="11"], /*subcategory ID*/
  &[data-category-id="12"], /*subcategory ID*/
  &[data-category-id="13"]  /*subcategory ID*/ {
    margin-left: 1em;
  }
}

8 إعجابات

يا، هذا حل رائع!!! شكراً للمشاركة :raised_hands:. سؤالي هو، هل من الممكن فعل شيء مشابه مع الروابط العادية في الشريط الجانبي؟ :sweat_smile:

افتح وحدة تحكم المطور لديك وانظر إلى السجل data-list-item-name:

بعد ذلك، يمكنك استهدافها في CSS الخاص بك، على سبيل المثال:

li.sidebar-section-link-wrapper {
  &[data-list-item-name="New"],
  &[data-list-item-name="Global leaderboard"],
  &[data-list-item-name="Test leaderboard"] {
    margin-left: 1em;
  }
}

باستخدام نهج مشابه، يمكنك نقل قسم كامل بدلاً من روابط فردية:

.sidebar-section-wrapper.sidebar-section[data-section-name="new-global-links-section"] {
    margin-left: 1em;
}

6 إعجابات

مرحباً @dax! أرجو أن تسامحني على الرد الطويل :pray:
نعم، إنها سحرية :sparkles: وتعمل، كنت أبحث عن حل كهذا خلال الأشهر الثلاثة الماضية، أنا ممتن لك بعمق :raised_hands:

إعجابَين (2)

في الشريط الجانبي، أتساءل عما إذا كان من الممكن عرض الفئات الفرعية بمسافة بادئة تحت فئتها الأم؟ انظر في الشريط الجانبي الخاص بي:

على سبيل المثال، تحت “الأحداث” لدي الفئة الفرعية “AGU” بدون مسافة بادئة. لا يستطيع العديد من المستخدمين التمييز بين الألوان، ويعتقدون أن “AGU” هي مجرد فئة مختلفة، غير مرتبطة بـ “الأحداث”. لذلك، لاحقًا، يبحثون عن “AGU” كفئة، وليس كفئة فرعية، وبالتالي لا يمكنهم العثور عليها بسهولة.

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

أتساءل عما إذا كان بإمكاننا تبسيط هذا؟

في مكون سمة إخفاء الفئات، تمت إضافة تبديل لإخفاء جميع الفئات الفرعية

.hamburger-panel .category-link.subcategory {
      display:none;
}

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

li.sidebar-section-link-wrapper {
  .category-link.subcategory {
    margin-left: 1em;
  }
}

سأختبر الرمز أعلاه بعد لحظة.

للأسف، هذا لا يعمل. :sad_but_relieved_face:. هل هناك طريقة لتعديل هذا الرمز ليعمل؟

لقد قمت بإنشاء مكون سمة بسيط للقيام بذلك

10 إعجابات

يعمل بشكل رائع! شكرا لك!

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