Menu suspenso de categoria na visualização móvel

[justin.noom (Justin Thurer)]

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.

[j.jaffeux (Joffrey Jaffeux)]

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.

[justin.noom (Justin Thurer)]

That’s awesome!! Thanks @j.jaffeux

[zogstrip]

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

UX: new {{categories-drop}} component to unify parent/sub category

[tomwrench]

Did this end up being implemented?

[j.jaffeux (Joffrey Jaffeux)]

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.

[merefield (Robert)]

Joffrey will that potentially include the tag picker too?

[j.jaffeux (Joffrey Jaffeux)]

Yes possibly

[renato (Renato Atilio)]

Estou confuso. Estou aguardando esse recurso (menu suspenso de categoria e tag na visualização móvel), mas notei que na minha instância eles já estão presentes em qualquer página de categoria, mas em nenhum outro lugar.

Esse é o comportamento atual e eu apenas não percebi, ou estou vendo isso de forma diferente devido a algum plugin/TC? Existe atualmente alguma maneira de habilitar isso nas outras páginas?

[awesomerobot (Kris)]

Esse é o comportamento que existe há um bom tempo… os menus suspensos de categoria aparecem nas listas de tópicos por categoria, mas não em /categories ou em páginas agregadas como /latest, /new e /top.

Deveria ser possível obter esses menus suspensos nessas outras páginas em um tema hoje, mas não acredito que alguém tenha tentado ainda.

Ainda planejamos fazer isso como padrão, mas outros recursos e trabalhos para clientes têm tido prioridade.

[manuel (Manuel Kostka)]

Isso ainda está em um roteiro? É difícil construir uma navegação consistente no celular, especialmente porque o menu suspenso de tags também está aninhado com o menu suspenso de categorias e, portanto, só aparece nas listas de categorias.

Por exemplo, estou em uma categoria e a tag selecionada aparece no menu suspenso de tags:

Mas quando desmarco a categoria, a tag ainda está selecionada (e eu poderia clicar no ícone de informações da tag), mas todos os menus suspensos desapareceram. Isso é bastante confuso:

@awesomerobot

Deve ser possível obter esses menus suspensos nessas outras páginas em um tema hoje, mas não acredito que alguém já tenha tentado.

Estou construindo um fórum que usa apenas tags para organização. Funciona bem no desktop, mas com a UX atual no celular, eu só poderia colocar um link para a página de tags no menu da barra de navegação. Para que o menu suspenso de tags apareça em todas as páginas, eu precisaria substituir o template do celular ou haveria uma maneira mais simples?

[sam (Sam Saffron)]

Nosso pensamento geral aqui é refazer tudo.

1 controle para tags / categorias / filtros … todos eles. Encaixar isso no celular certamente será um desafio, mas o controle “mega” traz tantas vantagens.

[renato (Renato Atilio)]

Tirei uma foto hoje para torná-la sempre visível e isso parece estar funcionando para mim sem nenhum efeito colateral que eu pudesse notar:

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

hidden é originalmente:

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

Preferi torná-lo oculto apenas na página de categorias.