Olá pessoal,
Recentemente atualizamos nosso fórum Discourse (tw.forumosa.com) e, com a última atualização, o novo cabeçalho “Bem-vindo de volta” e a barra de pesquisa integrada foram adicionados à página inicial. Embora pareça bom em conceito, notamos alguns problemas de usabilidade — especialmente no celular:
1. O menu suspenso de pesquisa pode ficar ilegível devido à transparência
Ao tocar no ícone de pesquisa na barra de navegação superior (no Android, por exemplo), o menu suspenso aparece, mas tem um fundo transparente, tornando quase impossível ler os resultados da pesquisa sobre o conteúdo por trás dele. Um fundo sólido deve resolver isso. Postei capturas de tela do que quero dizer abaixo.
2. O cabeçalho é alto - como podemos ajustar o espaçamento vertical?
A nova mensagem de boas-vindas e a barra de pesquisa ocupam uma grande parte do espaço de tela no celular. Como já temos o ícone de pesquisa na barra de navegação, a barra de pesquisa adicionada parece redundante. Gostaríamos de diminuir a altura deste cabeçalho ou ocultar a barra de pesquisa extra/mensagem de boas-vindas inteiramente em telas menores.
Isso pode afetar o desktop também, mas é especialmente problemático no celular no momento.
Alguém já passou por isso e encontrou uma maneira limpa de substituir isso via CSS ou componentes de tema?
Abraços!

