Acabei de atualizar o Discourse para a versão mais recente e há alguns problemas com o arredondamento da nova borda CSS, especialmente em sites com cabeçalhos escuros.
Aqui está uma captura de tela de um cabeçalho escuro onde as peças não se encaixam mais perfeitamente:
Aqui está neste fórum com uma borda CSS vermelha adicionada para torná-la mais clara:
Veja como fica em um fórum que ainda não foi atualizado — acho que isso fica muito melhor com menos arredondamento e com o preenchimento antigo (e sem arredondamento onde um canto toca uma linha reta).
Nosso painel de notificações teve seu preenchimento removido. Esta é uma direção que nossa equipe de design considera melhor do que ter preenchimento em todos os elementos.
Este é apenas um feedback, pois deve ser fácil o suficiente para eu mesmo alterá-lo em meus fóruns:
A falta de preenchimento ali está boa. Pode ser só eu, mas toda vez que clico no menu, meu cérebro diz: “algo não parece certo”. Acho que é mais o raio da borda do que o preenchimento, porque parece que a caixa que envolve o ícone do usuário tem um raio de 4px, mas o menu tem um raio de 2 * 4px. Os botões na barra lateral também são de 4px. Acho que ficaria melhor se as bordas do menu fossem de 4px para que ficasse alinhado com o resto da página.
(Suas capturas de tela parecem mostrar que tudo pode ser 8px, mas acho que parece muito arredondado. Se não me engano, quando saio, vejo um raio de 8px, mas quando estou logado, vejo 4px. Tentei em alguns navegadores.)
Edição: podemos estar vendo coisas diferentes. Não é um grande problema, porque posso substituir a variável, mas é aquele canto superior esquerdo que me parece estranho sempre que clico nele em meus sites. Talvez o arredondamento maior aproxime a borda do texto, que é por isso que mencionei o preenchimento em meu comentário anterior.
