Trazendo recursos populares para Discourse: busca no cabeçalho, banner de boas-vindas e ícones / emojis de categorias

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!

7 curtidas