Altura do scroller da linha do tempo sobreposta devido a texto de duas linhas

Encontrei um bug de estilo em que o rolador de linha do tempo se sobrepõe à data de início na localidade chinesa, talvez seja um pouco mais longo que o inglês e quebre em duas linhas. As figuras abaixo estão em duas localidades, mas no mesmo tópico.


2 curtidas

Muito obrigado por relatar isso. Você se importaria de nos dar um pouco mais de informação sobre isso? Tentei reproduzir usando “traduzir página” em nossa instância try.discourse.org, mas não consegui uma reprodução consistente do que você está vendo.

Algumas das seções neste tópico de relatório de bug podem ajudar a obter um pouco mais de informação para que possamos, esperançosamente, corrigir este bug.

É um pouco complicado de reproduzir.

(em chinês, localizar)

  1. Prepare um tópico longo com muitas postagens, por exemplo, 200 postagens. E eu não o leio antes, ou leio na posição inicial, por exemplo, as primeiras 10 postagens.
  2. Entre no tópico e role a barra de rolagem para cima. Em seguida, o scroller mostra um botão “Voltar”. Certifique-se de que o indicador de progresso esteja alto o suficiente, podendo ficar dentro da alça se a alça do scroller atingir o topo.
  3. Continue rolando para cima, até que a alça atinja ou esteja muito próxima da data de início.

E você verá a sobreposição.

1 curtida

Fiz uma atualização no Discourse há algumas semanas que tenta lidar melhor com isso:

Isso força a linha do tempo a mostrar apenas 2 linhas de texto e ocultar o resto. Portanto, quando o texto pode ser muito longo e/ou o espaço disponível para a linha do tempo é limitado (telas estreitas), pode parecer algo assim:

Isso oculta algumas ou todas as informações de data no identificador em alguns casos, mas evita problemas de layout com o botão voltar e evita sobreposição com a data no topo da linha do tempo.

As informações de data na linha do tempo são um pouco redundantes com as datas nas próprias postagens, então essa parecia uma troca válida para evitar esses problemas onde o layout quebra.

2 curtidas