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

Eu estava me perguntando se seria plausível (seja via CSS ou um componente) ter um dropdown na visualização móvel semelhante ao da versão desktop — ou seja, mostrando categorias em vez de Recentes, Melhores, etc.


7 curtidas

Estou trabalhando nisso e já tenho algo quase pronto. Só preciso melhorar uma parte da nossa biblioteca interna para permitir. Deve sair em breve.

15 curtidas

Isso é incrível!! Obrigado @j.jaffeux :smiley:

4 curtidas

FTR, isso está sendo trabalhado neste PR, se quiser acompanhar.

7 curtidas

Isso acabou sendo implementado?

Não, ainda não, por vários motivos. Trabalhamos no suporte a categorias com aninhamento duplo e refizemos grande parte da lógica interna dos menus suspensos.

Atualizaremos se chegarmos a uma boa solução.

6 curtidas

Joffrey, isso potencialmente incluirá também o seletor de tags?

1 curtida

Sim, possivelmente :slight_smile:

4 curtidas

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?

1 curtida

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.

7 curtidas

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:
Screenshot from 2022-07-21 02-17-34

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?

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.

2 curtidas

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.

3 curtidas