Avatares fixos: avatares de posts seguindo a rolagem

[loic (Loïc Guitaut)]

This is now an official feature shipped with Discourse, the theme component repository is archived, you should delete it or it will cause malfunctions

If for whatever reason you want to disable the sticky avatars, there is currently a workaround using CSS:

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset !important; /* May be needed in some cases */
  }
}

[Paracelsus]

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)

[codinghorror (Jeff Atwood)]

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

[loic (Loïc Guitaut)]

Avatares fixos agora são um recurso oficial do Discourse

Você pode verificar o commit:

FEATURE: Move sticky avatars into core

Vou editar o OP para refletir isso.

[valsha (KingPin)]

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

[bartv (Bart)]

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?

[j.jaffeux (Joffrey Jaffeux)]

@bartv

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.

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.

@bartv

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?

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.

[j.jaffeux (Joffrey Jaffeux)]

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

Atualizei o OP para deixar isso claro. Obrigado

[Steven]

@loic

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
  }
}

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

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;
  }
}

[loic (Loïc Guitaut)]

Obrigado, acabei de editar o OP