Category Dropdown in Mobile View

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 „Gefällt mir“

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 „Gefällt mir“

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

4 „Gefällt mir“

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

https://github.com/discourse/discourse/pull/7914

7 „Gefällt mir“

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 „Gefällt mir“

Joffrey will that potentially include the tag picker too?

1 „Gefällt mir“

Yes possibly :slight_smile:

4 „Gefällt mir“

I’m confused, I’m waiting for this feature (category and tag dropdown in mobile view) but noticed that in my instance they’re already present on any category page, but nowhere else.

Is this the current behavior and I just missed it - or am I seeing it differently due to some plugin/TC? Is there currently any way of enabling this on the other pages?

1 „Gefällt mir“

That’s the behavior that has existed for a decent amount of time now… the category dropdowns appear on category topic lists, but not on /categories or aggregate pages like /latest /new /top.

It should be possible to get those dropdowns on those other pages in a theme today, but I don’t believe anyone’s tried it yet.

We’re still planning on doing this by default, but other features and customer work have taken priority.

7 „Gefällt mir“

Ist das noch auf einer Roadmap? Es ist schwierig, eine konsistente Navigation auf Mobilgeräten zu erstellen, insbesondere da das Tag-Dropdown auch mit dem Kategorie-Dropdown verschachtelt ist und daher nur auf Kategorieseiten angezeigt wird.

Z.B. bin ich in einer Kategorie und das ausgewählte Tag wird im Tag-Dropdown angezeigt:

Aber wenn ich die Kategorie abwähle, ist das Tag immer noch ausgewählt (und ich könnte auf das Tag-Info-Symbol klicken), aber alle Dropdowns sind weg. Das ist ziemlich verwirrend:
Screenshot from 2022-07-21 02-17-34

Ich baue ein Forum, das nur Tags zur Organisation verwendet. Auf dem Desktop funktioniert es gut, aber mit der aktuellen Benutzererfahrung auf Mobilgeräten konnte ich nur einen Link zur Tag-Seite im Navigationsmenü einfügen. Um das Tag-Dropdown auf allen Seiten anzuzeigen, müsste ich die mobile Vorlage ersetzen oder gäbe es einen einfacheren Weg?

Unser allgemeiner Gedanke ist, das ganze Bündel neu zu machen.

1 Steuerung für Tags / Kategorien / Filter … alle. Dies in mobile Geräte zu integrieren wird sicherlich eine Herausforderung sein, aber die „Mega“-Steuerung bringt so viele Vorteile mit sich.

2 „Gefällt mir“

Ich habe heute versucht, es immer sichtbar zu machen, und das scheint für mich ohne Nebenwirkungen zu funktionieren, die ich bemerken konnte:

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

hidden ist ursprünglich:

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

Ich habe es vorgezogen, es nur auf der Kategorieseite auszublenden.

3 „Gefällt mir“