Cartões de usuário não evitam o cabeçalho

Experiência do Usuário
1

…e isso é definitivamente importante, dado que avatares “colados” são uma coisa. O caso nesta foto provavelmente será bastante comum e, no entanto, o cartão do usuário está enterrado atrás do banner:

image
image1004×528 50.4 KB

Torná-lo flutuante no topo ou, preferencialmente, começar abaixo do cabeçalho ajudaria a evitar que este cenário, antes raro, mas agora comum, impactasse os usuários.

4 curtidas
2

Olá,

Parece que há, na verdade, duas questões diferentes aqui.

  1. Conforme você menciona, se um artigo estiver muito próximo do cabeçalho quando o cartão do usuário for exibido, o cartão será coberto pelo cabeçalho.
    Isso parece estar relacionado à forma como o deslocamento é calculado quando o elemento do cartão do usuário é exibido. Acho que _positionCard (em /app/mixins/card-contents-base.js) é o que determina isso quando o método _showCardOnClick é chamado. Existe um método _calculateTopOffset, mas ele não faz referência ao header, apenas a #main_outlet ou html. Parece-me que, quando o cartão do usuário é exibido no desktop, ele deve procurar o cabeçalho e usá-lo como seu top. No entanto… é um pouco mais complicado porque…
  2. Esse comportamento é diferente entre sites móveis e desktop…
    Em um dispositivo móvel, quando um cartão de usuário é exibido, ele é posicionado no topo da página e no que parece ser um modal de página inteira. Quando você clica em qualquer lugar da página e tenta rolar, o cartão é ocultado e o modal é destruído. A mesma coisa acontece no desktop se você clicar fora do cartão do usuário. No entanto… no desktop… você pode rolar sem clicar em nada e o cartão do usuário permanecerá visível, acabando atrás do cabeçalho se você rolar até esse ponto.

Portanto, além de garantir que o cartão do usuário respeite o cabeçalho no desktop, acho que seria bom se o comportamento fosse o mesmo em todos os dispositivos, para que, uma vez que você clique fora do cartão, ou tente rolar, o cartão seja ocultado novamente. O que você acha disso?

2 curtidas
3

Isso parece razoável, mas infelizmente não tenho tempo nem experiência para realmente me comprometer com isso sozinho.

Espero que alguém possa resolver isso quando tiver tempo - definitivamente não é uma correção de alta prioridade, mas seria bom para o profissionalismo dos sites do Discourse em geral.

4

Acabei de testar e isso parece corrigido para mim. Concordo com os avatares fixos, esta é uma correção importante!