قائمة منسدلة للفئة في العرض المحمول

I was wondering if it would be plausible (whether through CSS or a component) to have a dropdown in the mobile view that is similar to that in desktop - meaning showing categories as opposed to Latest, Top, etc.

categorydropdown

7 إعجابات

I’m working on it, and have something almost finished, I just need to improve a part of our internal library to allow it. Should come rather soon.

15 إعجابًا

That’s awesome!! Thanks @j.jaffeux :smiley:

4 إعجابات

FTR, it’s being worked on in this PR if you want to follow along

7 إعجابات

Did this end up being implemented?

No I didnt so far for mulitple reasons, we worked on double nesting categories support and reworked a lot of dropdowns internals.

Will update if we come up with a good solution.

6 إعجابات

Joffrey will that potentially include the tag picker too?

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

Yes possibly :slight_smile:

4 إعجابات

أنا مشوش، أنا أنتظر هذه الميزة (قائمة منسدلة للفئات والوسوم في العرض على الجوال) لكنني لاحظت أنه في نسختي تظهر بالفعل في أي صفحة فئة، لكن لا تظهر في أي مكان آخر.

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

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

هذا هو السلوك الموجود منذ فترة معقولة من الوقت… تظهر قوائم الاختيار المنسدلة للفئات في قوائم مواضيع الفئات، ولكنها لا تظهر في /categories أو في الصفحات المجمعة مثل /latest و /new و /top.

من الممكن الحصول على هذه القوائم المنسدلة في تلك الصفحات الأخرى ضمن سمة اليوم، لكنني لا أعتقد أن أحدًا قد حاول ذلك حتى الآن.

ما زلنا نخطط للقيام بذلك افتراضيًا، لكن ميزات أخرى وعمل العملاء قد حظيت بالأولوية.

7 إعجابات

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

على سبيل المثال، أنا في فئة وتظهر العلامة المحددة في القائمة المنسدلة للعلامات:

ولكن عندما ألغي تحديد الفئة، تظل العلامة محددة (ويمكنني النقر على أيقونة معلومات العلامة)، ولكن جميع القوائم المنسدلة مفقودة. هذا مربك للغاية:
Screenshot from 2022-07-21 02-17-34

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

إن تفكيرنا العام هنا هو مجرد إعادة بناء المجموعة بأكملها.

1 عنصر تحكم للعلامات / الفئات / المرشحات … كلها. بالتأكيد سيكون ملاءمة هذا على الهاتف المحمول تحديًا، ولكن عنصر التحكم “الضخم” يأتي مع العديد من المزايا.

إعجابَين (2)

لقد أخذت لقطة اليوم لجعلها مرئية دائمًا ويبدو أن هذا يعمل معي دون أي آثار جانبية لاحظتها:

api.modifyClass("component:bread-crumbs", {
  pluginId: "never-hidden-bread-crumbs",
  hidden: false,
});

hidden هو في الأصل:

@discourseComputed("category")
hidden(category) {
  return this.site.mobileView && !category;
},

فضلت جعله مخفيًا في صفحة الفئات فقط.

3 إعجابات