Filtrar por problemas de exibição do menu suspenso resolvidos

Contribuir Experiência do Usuário
1

Parece que o solutions.scss está faltando um item display.

O .select-kit parece estar com display: inline-block;, o que deixa o .select-kit.solved-status-filter com o mesmo valor. Isso faz com que a caixa de filtro seja exibida de forma diferente das demais caixas de filtro.

Temporariamente, sobrescrevi com display: flex; para esse elemento. Eu enviaria um PR com a correção, mas não há muitas informações sobre como vocês gostariam que as contribuições fossem feitas.

Como observação lateral, os outros filtros usam a seta para a direita no estado de repouso, enquanto este usa a seta para baixo no estado de repouso.

Screenshot_2021-02-12 Latest topics - Pi-hole Userspace

2 curtidas
2

Obrigado por reportar isso! Consegui reproduzir o problema na minha versão local de desenvolvimento do Discourse, que está executando o código mais recente do Discourse, então parece que o problema ainda não foi corrigido.

Movi sua postagem para um novo tópico na categoria UX para nos ajudar a acompanhar o problema.

4 curtidas
4

Tenho uma correção pronta aqui:

Se você atualizar na próxima semana, ela estará disponível. Já foi mesclada e está disponível agora.

Enquanto isso, você pode adicionar este CSS ao tema do seu site se quiser corrigir imediatamente:

.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // variável principal
    .select-kit-header {
      margin: 0;
    }
  }
}
4 curtidas
5

Percebi em alguns lugares que seletores usando variáveis em valores de propriedade estão mudando do formato $var para o formato --var. Isso é uma alteração no framework e está documentada em algum lugar?

1 curtida
6

Sim, para as cores, fizemos a mudança para propriedades personalizadas do CSS em vez de variáveis SCSS para suportar o modo escuro… há mais detalhes aqui: Update themes and plugins to support automatic dark mode

Também temos usado propriedades personalizadas em vez de adicionar novas variáveis Sass em outros lugares, sempre que possível. Existem algumas vantagens e desvantagens em cada método.

4 curtidas