Modernizando o tema Foundation

Como se parece no Foundation e na Marca Meta:

image image

Os contêineres do número e da seta devem ter o mesmo tamanho.

2 curtidas

Não vejo isso no celular. Acredito que isso seja desktop?

Obrigado, pesquisei mais: é por causa do novo tema Foundation, que também é usado na Meta Branded e ocorre tanto no desktop quanto no mobile.

Não tenho certeza se deve ser movido para Modernizing the Foundation theme ou não.

1 curtida

Tomamos a decisão executiva de fazê-lo :wink:

3 curtidas

Isso foi corrigido e será atualizado em breve

3 curtidas

No tema escuro, o estado active em certos botões (mais visível com navegação por teclado, apenas transitório ao usar mouse/toque) é roxo escuro sobre fundo escuro e agressivo aos olhos:
image

O estado hover em vermelho também:
image

Mas o pior é o botão “danger” com fundo vermelho e texto escuro:
image

Talvez ajustar simplesmente o valor de vermelho/brilho resolva os 2º e 3º pontos.

2 curtidas

Isso é apenas neste tema do Meta?

Sim. Na fundação:

ativo
image

passar o mouse
image

perigo
image

Melhor contraste que a marca Meta.

2 curtidas

Isso ainda ocorre:

Existem planos para ajustar as bordas dos botões ao usar a paleta de cores WCAG? Atualmente, acho a borda fina e muito clara difícil de ver, então, em alguns lugares, parece que há apenas ícones flutuando em vez de botões. Isso não era um problema com os botões cinza sólidos anteriores.

Também senti algo semelhante quando a sombra abaixo do cabeçalho foi removida e quando a linha colorida no topo do compositor foi removida. Mas, enquanto essas são áreas claras da minha tela, os botões estão em lugares diferentes, o que torna mais difícil para mim distingui-los do ambiente ao redor.

Campos de texto nas configurações, por exemplo, têm um contorno mais escuro:

Também notei que isso parece quebrar o estilo da segurança da categoria:

A seleção de grupo para a mudança iminente também parece excepcionalmente grande no novo design:


3 curtidas

Acho que o tamanho do texto da barra de navegação está muito pequeno no celular. A fonte de Sugerido/Relacionado também está muito pequena.

Veja também

2 curtidas

Acho que isso é claramente uma questão de gosto, porque penso exatamente o oposto sobre o antigo versus o novo. As fontes e botões antigos da Foundation parecem muito pesados, enquanto os elementos mais elegantes da nova Foundation ficam muito melhores no layout geral, comparativamente. Não tenho nenhuma queixa quanto ao uso funcional no desktop ou no mobile, nem meus usuários, desde que ativei. :woman_shrugging:t2:

Acho que você também pode dar feedback aos seus administradores e, talvez, eles possam criar outro tema com as alterações antigas? Aumentar aquelas fontes que você indicou não é difícil com CSS. Ou você pode usar uma extensão de navegador do tipo Stylus para adicionar suas próprias modificações (faço isso em todos os sites do Discourse que visito, incluindo este).

4 curtidas

Há uma pequena lacuna abaixo do botão Relacionados


Fica mais evidente se o tamanho da fonte for aumentado

Stylus

.more-topics__container .nav .d-button-label {
   font-size: 150%;
}


2 curtidas

Sim, é por isso que eu disse ‘algo como’, porque eles podem ter outras coisas acontecendo com o tema deles. Eu estava usando o Meta, não o fórum Rust. Vou dar uma olhada para você porque sou legal. Mas tenho que esperar até que haja novos itens não lidos para obter o cabeçalho e rodapé completos. A partir da captura de tela com o avatar, assumo que seja na visualização móvel?

3 curtidas

O bug é visível aqui

2 curtidas

OK, este é um bug de UX com o novo tema Foundation e o botão de tópico relacionado à IA injetado. As classes do botão são um pouco diferentes e há um line-height extra que parece atrapalhar tudo.

image

Mas isso vai resolver um pouco — podemos corrigir com algum ajuste de padding e removendo o line-height:

.more-topics__container .nav {
    font-size: larger;
    
    li .btn {
        padding: .5em;
        line-height: 0;
    }
}

desktop:

mobile:

2 curtidas

Para o menu de estado fixado, as opções se sobrepõem severamente:

3 curtidas

Erro na exibição da página de gerenciamento de grupos de abas ao abrir no navegador do celular - Contribuição / Experiência do Usuário - Discourse Meta

Ainda é possível optar por não participar dessa mudança aqui no Meta? Eu não entrei no grupo, mas a mudança parece estar ativada para mim agora, o que resulta em eu mal ver as bordas dos botões, mesmo usando a paleta WCAG.

2 curtidas

Não, não é mais opt-out na Meta; o grupo agora está obsoleto.

Mas você pode continuar relatando os problemas que notar, como tenho certeza que fará, para descobrir o que ainda precisa ser aprimorado.

1 curtida

Você está errado. Vou esperar até que os problemas que já reportei sejam corrigidos, para que você possa se concentrar totalmente neles :wink: Sério, não me parece fazer muito sentido gastar tempo anotando o que percebo quando o que escrevi em fevereiro ainda não foi atendido. Além disso, tenho certeza de que você entenderá que não é muito divertido usar um site onde não é possível ver a interface corretamente. É uma pena que a acessibilidade seja tão baixa prioridade para você.

4 curtidas