Menu hamburger do lado esquerdo no celular

Uma coisa que nunca chegamos a fazer e que causou certa confusão após nosso trabalho em Menu hambúrguer deslizante de altura total foi que o menu hambúrguer, no lado direito, abre um menu a partir do lado esquerdo. Para aqueles interessados em reorganizar o cabeçalho, isso é para você:

Menus móveis que aparecem no canto superior esquerdo da tela não são muito acessíveis com uma só mão, razão pela qual este é um componente de tema independente. Opções, sabe?

39 curtidas

Muito bom. É possível estender o componente e adicionar a opção de ter o logotipo no centro da barra quando o ícone do menu está à esquerda? Acredito que seja a maneira mais lógica (falando em UX).

4 curtidas

Claro, adicionei uma opção de tema para você centralizar mais o logotipo — aproveite! :slight_smile:

Screenshot from 2020-09-21 09-56-45

9 curtidas

Seria possível personalizar isso também para a versão de desktop?

Obrigado pelo componente de tema @featheredtoast

1 curtida

Eu consideraria a versão para desktop fora do escopo deste componente de tema específico.

Você certamente poderia fazer algo semelhante para desktop se estivesse procurando reposicionar elementos, já que adotar as mesmas técnicas que usei aqui para desktop certamente não seria muito difícil em um tema separado, caso tenha algo em mente que gostaria de fazer.

2 curtidas

Obrigado pela resposta :slight_smile: Não tenho as habilidades para construir um sozinho, mas provavelmente deveria estar aprendendo essas coisas :wink:

Isso só pode ser ativado em tablets? Porque essa experiência do usuário se encaixa muito bem com tablets, mas não tanto com celulares (muitas pessoas usam seus smartphones com uma mão).

Ultimamente este componente tem um bug, quando o ativo, tudo fica desalinhado, como posso corrigir?
image

1 curtida

Isso não funciona. Como o botão de hambúrguer já está no canto superior esquerdo no desktop, podemos colocá-lo também na interface do usuário móvel no código principal? Se não, qual é o motivo que impede essa unificação de design.

1 curtida

Como recebemos alguns relatos de que este componente de tema não está funcionando no momento, adicionei a tag broken. :+1:

1 curtida

Como afirmado no OP:

os menus estão do mesmo lado no celular para usabilidade com uma mão.

Obrigado por apontar algo que definitivamente deixei de ler. Entendi. Mas podemos torná-lo configurável?
A ideia é que alguns usuários com telefones celulares de tamanho relativamente pequeno (por exemplo, Pixel 7) podem não ter o problema de alcance e o menu que aparece da esquerda é muito antinatural. Se pelo menos algo deve aparecer em algum canto, por que não pode ser configurado para ser o botão de menu (atualmente é o logotipo do site que leva à página inicial)?

Alguma notícia sobre quando/se isso será corrigido?

Desculpe pelo atraso nisso, @benji enviou uma correção para isso, me avise se houver mais algum problema

2 curtidas

Muito obrigado @featheredtoast e @benji!

Acabei de testar e, infelizmente, não parece estar funcionando bem com este outro componente de tema que tenho instalado:

Veja a captura de tela (o ícone de chat foi movido para uma segunda linha):

É assim que fica com o componente de tema “Menu hambúrguer no lado esquerdo no celular” desativado:

Espero que isso seja útil!

2 curtidas

Isso é útil; obrigado! Estou quase terminando por hoje, mas farei uma anotação para verificar isso na segunda-feira. Acho que sei o que está acontecendo.

3 curtidas

Feliz segunda-feira, @Robin.Grant! Só queria confirmar se essas capturas de tela foram tiradas após o download da atualização para o tema “Lado esquerdo”? Estou tentando recriar isso localmente agora.

1 curtida

Sim - 100%

1 curtida

Puxei um conserto para isso, muito obrigado @benji

Experimente @Robin.Grant

3 curtidas