Problème très mineur : dans la liste des sujets, l'indicateur de nouveaux messages peut apparaître sur une nouvelle ligne à lui seul

UX
1

Exemple :

image
image1132×367 29 KB

4 « J'aime »
3

Ceci est corrigé ici :

3 « J'aime »
4

Sûr de ça ? :thinking:

2.9.0.beta2

(f9e1ba4f8f)

Sur Chrome Desktop, et pareil en mode sans échec.

Code HTML de la ligne :

<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><a href="/t/nouveau-champagne-edition-1978/42061" title="nouveau sujet" class="badge badge-notification new-topic">nouveau</a>
</span>
</div>

CSS de <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 du badge de message :

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

Aussi, une question : qu’est-ce que ce texte « nouveau » ? Il existe dans le DOM, prend de la place, mais n’a absolument aucun style/propriété appliqué :

1 « J'aime »
5

De plus, l’apparence du point est parfois un peu différente d’une ligne de sujet à l’autre.

Ils ont les mêmes propriétés CSS exactes. Les dimensions calculées des deux points sont de 5,219px. Mais ils semblent différents :

image
image535×443 43.1 KB

Sur l’image que j’ai postée dans mon précédent message, il semble plus grand :
image

Leur « arrondi » varie en fonction du zoom du navigateur.
Je suis à peu près certain que ces variations d’arrondi sont causées par leurs valeurs finales arrondies (sans jeu de mots) de largeur et de hauteur, car ce sont des nombres flottants (leurs unités de dimension sont em et non px). Si je les règle tous à 5px, le problème disparaît. Mais je comprends que leurs dimensions sont censées être liées à la taille de la police ou à autre chose pour une cohérence visuelle.

1 « J'aime »
7

Si je ne me trompe pas, vous avez mis à jour le CSS du point pour une taille fixe (ou une valeur calculée arrondie). C’est beaucoup mieux, ici comme sur mon forum que j’ai reconstruit ce matin. Bien joué :+1: