Implementar consistentemente o overflow de itens da barra de ferramentas do composer

Continuando a discussão de Faça o menu do compositor rolar horizontalmente no desktop como faz no mobile:

Estou achando a implementação atual de “rolar para ver mais itens da barra de ferramentas” no mobile problemática visualmente porque toca a lateral e também não oferece nenhuma indicação visual para denotar que é rolável.

Gostaria de saber se deveríamos ter uma implementação consistente onde os itens se movem para a linha número dois se estiverem muito estreitos.

Entendo a reclamação sobre o “+” “solitário”.

Mas me pergunto se resolvemos isso de outra forma, talvez sempre transbordemos no mínimo 2 itens (agrupando os últimos 2). Dessa forma, seria “Gif, +” e pareceria menos solitário.

No mobile, já temos um botão para ocultar a barra de ferramentas se ela ocupar muito espaço.


Uma alternativa aqui é… à medida que as coisas ficam muito estreitas, movê-las para trás do + por prioridade.

Então, na captura de tela acima, removeríamos image para trás do + se ficasse muito estreito.

6 curtidas

Se você fizer isso, acho que o AI helper seria um candidato mais adequado para ser dado como mão amiga com +\n\nOu dê ao usuário uma maneira de escolher o que ele quiser mostrar. Sim, seria mais complicado, mais uma configuração e provavelmente raramente usada no mundo real™.

Eu prefiro pessoalmente rolar, poderíamos adicionar uma dica visual melhor lá - um símbolo de maior que à direita e/ou um gradiente para transparência.
A barra de ferramentas de várias linhas no editor foi uma das causas de uma reclamação comum sobre dispositivos muito pequenos aqui no Meta, ela ocupa muito espaço da área de edição.

3 curtidas

Temos um botão para ocultar a barra de ferramentas de qualquer maneira no celular, então há uma solução fácil.

1 curtida

Tenho bastante certeza de que a maioria das pessoas, infelizmente, não percebe que a opção de ocultar a barra de ferramentas existe, e não tenho certeza se isso ainda existirá com os novos planos para a janela do compositor /cc @chapoi

De qualquer forma, não acho que isso seja melhor do que a barra de ferramentas rolável. Ela também é usada em outras ferramentas de autoria, como o Notion - eles usam um fade out nas laterais roláveis para indicar que há mais conteúdo, o que eu também gostaria de fazer.

2 curtidas

Um problema potencial é que, se você tiver pouco espaço na tela, isso pode piorar.

1 curtida

Acho que algo assim deveria ser adicionado a todos os casos onde há conteúdo “estilo menu” rolável - particularmente perceptível em áreas de configurações de usuário/administração.

Algo assim ajudaria muito:

1 curtida

Isso parece a melhor abordagem para mim, poderíamos também reutilizá-lo em posts com o menu ... — mas a rolagem é certamente mais simples de implementar, desde que descubramos como torná-la óbvia.

Exceto que quase todos os meus usuários móveis sabem e não usam a barra de ferramentas. Tudo que eles precisam são emojis/carinhas e upload, e essas coisas não estão localizadas lá.

Bem, a quantidade de usuários do meu fórum não é tão grande que se possa chamá-los de minoria, então sua declaração provavelmente estava correta :smirking_face:

Sim, eu queria adicionar um desvanecimento de opacidade para torná-lo melhor, mas isso requer uma mudança estrutural, então precisaria verificar com o Renato, por isso ainda não o fiz.

Há também o estado final do novo compositor, que veria toda a barra de ferramentas refeita e movida de qualquer maneira.

Eu também gostaria disso, embora tivesse que ser em ordem o que estiver mais perto do mais. Escolher itens aleatoriamente da lista é uma experiência do usuário muito ruim. E no celular, uma rolagem simples ainda é preferível, na minha opinião.

A quebra para uma segunda linha está fora de questão, na minha opinião, dizer “esconda completamente no celular então” não é uma solução amigável para o usuário.

Acho que devemos primeiro ver se podemos simplesmente melhorar o indicador visual atual, antes de fazer mais.

3 curtidas

Eu acho que atualmente algumas opções já foram movidas para o menu para evitar um overflow. Por exemplo, o botão é movido para o menu de mais no meu tablet. Se bem me lembro, isso é baseado no fato de que um dispositivo de toque é usado. Então o conceito de

já está em uso. Portanto, parece razoável expandir isso para mais dispositivos. Talvez até com base na largura em vez do tipo de dispositivo. Meu tablet tem espaço suficiente no modo paisagem para o botão formatar código. Acho que também há espaço suficiente para os botões de lista. Mas eu geralmente não uso esses. As tags de código são mais irritantes de digitar, então eu uso esse botão com frequência.

Eu também gosto da sugestão de Nat de uma configuração onde os administradores podem escolher os botões mais importantes para sua comunidade.

2 curtidas