Design scope picker

[Xfolchf]

@javierarce edits: this issue originally dealt with the visualization of the tag & mention autocomplete that lives now in #179

[furilo]

This is really ready or we should wait until the requirements/user stories are better defined so we design it as a whole?

cc @decidim/product

[xabier]

hi @furilo we should push this forward since it is something we that developers require to complete the tag module. But I am not sure how advanced this is and I think we have to solve the tag vs hashtag dilemma first.

One way to make progress with this is to try to re-think the manner in which Scopes and Categories display on the proposal navigation and filtering screen.

[xabier]

One way to make progress with this is to try to re-think the manner in which Scopes and Categories display on the proposal navigation and filtering screen.

this is being currently solved by decidim/decidim#2330

[javierarce]

I like the proposed solution to show the scopes in the left panel, but I'd flip the order so the selector is always on top and the scopes or tags on the bottom:

This way deleting a scope won't affect the position of the selector.

[javierarce]

Regarding of the scope picker itself, I've made a redesign based on the proposed solution in that PR:

[javierarce]

And here's a couple of diagrams with how the picker would work:

[xabier]

Nice!!

[mrcasals]

Hi @xabier @javierarce wasn't this PR for the tags and mentions autocomplete? If the discussion has moved to the scope picker redesign then I suggest you to change the issue title, otherwise it's hard to find and confusing.

[xabier]

You are right @mrcasals sorry. @javierarce can you separate the issues/PRs? It just often happens that UX issues are organic and one discussion leads to its context and other components.

[javierarce]

Yes, sorry about that :/

I'll create a new issue for the tags & mention, rename this one and leave a note on the first comment of this issue.

[tramuntanal]

This redesign will affect issue decidim/decidim#2348