Problema molto minore: nell'elenco degli argomenti, l'indicatore dei nuovi messaggi può trovarsi su una nuova riga da solo

UX
1

Esempio:

image
image1132×367 29 KB

4 Mi Piace
3

Questo è stato risolto qui:

3 Mi Piace
4

Sei sicuro? :thinking:

2.9.0.beta2

(f9e1ba4f8f)

Su Chrome Desktop, e lo stesso in modalità sicura.

Codice HTML della riga:

<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="nuovo argomento" class="badge badge-notification new-topic">nouveau</a>
</span>
</div>

CSS di <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 del badge del post:

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

Inoltre, una domanda: cos’è questo testo “nouveau” (“nuovo”)? Esiste nel DOM, occupa spazio, ma non ha assolutamente nessuno stile/proprietà applicato:

1 Mi Piace
5

Inoltre, l’aspetto del punto è talvolta leggermente diverso da una riga di argomento all’altra.

Hanno le esatte stesse proprietà CSS. Le dimensioni calcolate di entrambi i punti sono 5,219px. Ma sembrano diversi:

image
image535×443 43.1 KB

Nell’immagine che ho pubblicato nel mio post precedente, sembra più alto:

image

La loro “rotondità” varia a seconda dello zoom del browser.
Sono abbastanza sicuro che queste variazioni di rotondità siano causate dai loro valori finali arrotondati (nessun gioco di parole) di larghezza e altezza, poiché sono numeri in virgola mobile (la loro unità di misura sono em e non px). Se li imposto tutti a 5px, il problema scompare. Ma capisco che le loro dimensioni dovrebbero essere correlate alla dimensione del carattere o a qualsiasi altra cosa per coerenza visiva.

1 Mi Piace
7

Se non erro, hai aggiornato il CSS del punto per una dimensione fissa (o un valore calcolato arrotondato). Ha un aspetto decisamente migliore, sia qui che sul mio forum che ho ricostruito stamattina. Ben fatto :+1: