Problema muito pequeno: na lista de tópicos, o indicador de novas mensagens pode ficar em uma nova linha sozinho

Experiência do Usuário
1

Exemplo:

image
image1132×367 29 KB

4 curtidas
3

Isso está corrigido aqui:

3 curtidas
4

Tem certeza disso? :thinking:

2.9.0.beta2

(f9e1ba4f8f)

No Chrome Desktop, e o mesmo no modo de segurança.

Código HTML da linha:

<div class="top-row">
    <!-- -->
    <a href="/t/nouveau-champagne-edition-1978/42061" role="heading" aria-level="2" class="title" data-topic-id="42061">Nouveau Champagne Edition 1978</a><!-- --><span><button id="ember309" class="topic-post-badges ember-view"><!-- -->  &nbsp;<a href="/t/nouveau-champagne-edition-1978/42061" title="nouveau sujet" class="badge badge-notification new-topic">nouveau</a>
</span>
  </div>

CSS do <a>:

.topic-list-main-link a.title, .topic-list .main-link a.title, .latest-topic-list-item .main-link a.title {
    padding: 15px 0;
    word-break: break-word;
    color: var(--primary);
}

CSS do selo da postagem:

.topic-post-badges {
    white-space: nowrap;
    align-self: center;
    line-height: var(--line-height-medium);
}

Também, uma pergunta: o que é esse texto “nouveau” (“novo”)? Ele existe no DOM, ocupa espaço, mas não tem absolutamente nenhum estilo/propriedade aplicado a ele:

1 curtida
5

Além disso, a aparência do ponto às vezes é um pouco diferente de uma linha de tópico para outra.

Eles têm exatamente as mesmas propriedades CSS. As dimensões calculadas de ambos os pontos são 5,219px. Mas eles parecem diferentes:

image
image535×443 43.1 KB

Na imagem que postei na minha postagem anterior, parece mais alta:
image

Sua “arredondamento” varia dependendo do zoom do navegador.
Tenho certeza de que essas variações de arredondamento são causadas por seus valores finais de largura e altura arredondados (sem trocadilhos), pois são números de ponto flutuante (sua unidade de dimensão é em e não px). Se eu definir todos eles para 5px, o problema desaparece. Mas entendo que suas dimensões devem estar relacionadas ao tamanho da fonte ou a qualquer outra coisa para consistência visual.

1 curtida
7

Se não me engano, você atualizou o CSS do ponto para um tamanho fixo (ou valor computado arredondado). Ficou bem melhor, tanto aqui quanto no meu fórum que reconstruí esta manhã. Bom :+1: