Olá, sou novo no Discourse e espero que esta seja uma observação útil - o menu hambúrguer nunca muda para uma interface de ‘fechar’, então me vi clicando nele pensando que estava prestes a revelar mais coisas, mas ele fecha inesperadamente. Ele já estava aberto. Tenho algumas linhas de CSS que planejo adicionar como um tópico na categoria ‘componente de tema’ quando tiver mais acesso. Felizmente, a base de código tem classes adequadas para que possamos nos conectar a elas com base na exibição ou não da barra lateral.
Obrigado por isso! Eu também sugeriria que o botão X Fechar fosse movido para dentro do próprio Menu, no topo. (Nessa posição, eu também adicionaria o texto “Fechar Menu” ao botão, e talvez usasse uma seta apontando para a esquerda em vez de X.)
Eu acho que a maioria das pessoas usa o Discourse com a barra lateral sempre ativada (ficaria curioso para ver estatísticas sobre vários fóruns). Ter um grande X que incentiva, por assim dizer, o fechamento de uma parte do layout que é basicamente permanente para muitos usuários pareceria um pouco estranho para mim.
Parece que alguém que soubesse um pouco mais do que eu sobre CSS (ou talvez DOM?) poderia criar um componente de tema rapidamente, mas provavelmente a coisa é um PR que corrige o template.
Poderia até ser o primeiro item na barra lateral. . .
e a coisa na parte inferior a expande.
Então, talvez recolher a barra lateral em vez de removê-la seja uma solução. Então, se você souber quais são os ícones/cores, poderá usá-la sem que ela esteja expandida.
Praticamente todos os sites colocam a página inicial/ícone no canto superior esquerdo, e ter o hambúrguer lá parece errado.
Sei que isso é outra coisa, mas suspeito que o ícone do menu lateral ainda esteja no canto superior direito no celular porque, em uma tela sensível ao toque pequena, posso ver que tocar acidentalmente no logotipo seria algo comum se ele estivesse no canto superior esquerdo, como na visualização para desktop. Embora o mesmo possa ser dito sobre ele estar perto dos ícones de avatar e pesquisa.
Para referência, prefiro o canto superior esquerdo para designs de UX, equilíbrio e aparência, e não tenho problemas com sua funcionalidade de abrir/fechar.
Eu realmente não brinquei com isso antes, mas também tem uma coisa de ‘expandir ao passar o mouse’ que é bem legal.
Acho que eles têm um conjunto de ícones mais distinto, o que torna mais fácil decifrá-lo quando recolhido do que um primeiro olhar para o do Meta me leva a pensar. Embora, se você começar a adicionar coisas como vários rótulos, ele sofrerá a mesma ambiguidade que nossas tags podem ter:
sem tags de passagem e nomes de categoria. A passagem de mouse também não é ideal para interfaces de tela sensível ao toque. Usar o modo desktop com elementos de passagem em um iPad não funciona muito bem.
Gosto do hover, desde que o toque na tela se comporte da mesma forma que com um mouse.
Aqui está um dos meus estilos favoritos, em um site Ghost CMS altamente personalizado que construí para um cliente, onde pairar em qualquer lugar sobre a barra lateral abre a pilha vertical de links de clique/toque para revelar submenus em cascata… parece muito suave e fácil de navegar. Você pode experimentá-lo aqui:
Obrigado por compartilhar.
