Avatares fixos: avatares de posts seguindo a rolagem

:warning: Esta é agora uma funcionalidade oficial incluída no Discourse, o repositório do componente do tema foi arquivado, você deve excluí-lo, caso contrário ele causará mau funcionamento :warning:

Se, por qualquer motivo, você quiser desativar os avatares fixos, atualmente existe uma solução alternativa usando CSS:

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset !important; /* Pode ser necessário em alguns casos */
  }
}
31 curtidas

Olá, seria ótimo ter uma solução mobile.

Isso funciona muito bem no desktop e entendo que problemas de espaço dificultam a tradução direta para mobile, mas talvez um pequeno ícone de avatar logo abaixo da barra de navegação principal? (Eu sei, não é muito amigável em termos de UX)

3 curtidas

Nosso pensamento atual é que esse comportamento específico do desktop não é uma boa troca no celular.

2 curtidas

Avatares fixos agora são um recurso oficial do Discourse :tada:

Você pode verificar o commit:

Vou editar o OP para refletir isso.

11 curtidas

Bom, então podemos remover este componente de tema agora? Obrigado.

3 curtidas

Há uma inconsistência no comportamento, pois os avatares em posts curtos não ficam fixos ao rolar para baixo, mas ficam fixos ao rolar para cima - veja o vídeo abaixo.

Além disso, eu pessoalmente preferiria o comportamento de fixação em posts curtos também - acho o atual ‘apenas em posts longos’ um pouco confuso. Talvez uma configuração para controlar o comprimento mínimo de um post para habilitar esse comportamento seria útil para que todos possam ajustá-lo às suas próprias preferências?

4 curtidas

Sim, esse é o comportamento esperado. Depois de muito tempo convivendo com isso, consideramos que era o melhor tradeoff entre utilidade e ruído visual. A ideia é que, em posts curtos, ao rolar para baixo, você sabe quem postou aquilo, mas ao rolar para cima, o conteúdo do post aparece antes do avatar, então ele tem algum valor mesmo para posts pequenos.

Eu sugiro que vocês convivam com isso um pouco, por favor. Não temos planos para uma configuração de site para isso no momento.

4 curtidas

Sim, remova o componente de tema, por favor, ele causará problemas se você tiver ambos.

Atualizei o OP para deixar isso claro. Obrigado :+1:

4 curtidas

Passei um tempo procurando a solução sozinho no fim de semana passado, mas ela estava aqui o tempo todo :sweat_smile:

Mas no meu fórum, precisei adicionar top: unset por causa de um problema de rolagem. Então, para alguns usuários, pode ser útil usar isto:

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset !important;
  }
}
6 curtidas

Obrigado, acabei de editar o OP :slight_smile:

2 curtidas

Este tópico foi automaticamente fechado após 29 dias. Novas respostas não são mais permitidas.