Sehr kleines Problem: In der Themenliste kann der Indikator für neue Nachrichten allein in einer neuen Zeile stehen

UX
1

Beispiel:

Bild
Bild1132×367 29 KB

4 „Gefällt mir“
3

Dies ist hier behoben:

3 „Gefällt mir“
4

Bist du dir da sicher? :thinking:

2.9.0.beta2

(f9e1ba4f8f)

Auf Chrome Desktop, und dasselbe im abgesicherten Modus.

HTML-Code der Zeile:

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

<a> CSS:

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

Post-Badge CSS:

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

Auch eine Frage: Was ist mit diesem „nouveau“ („neu“) Text? Er existiert im DOM, nimmt Platz ein, hat aber absolut keinen Stil/keine Eigenschaft, die darauf angewendet wird:

image
image2498×1440 311 KB

1 „Gefällt mir“
5

Außerdem ist das Erscheinungsbild des Punktes von einer Themenzeile zur anderen manchmal etwas anders.

Sie haben exakt die gleichen CSS-Eigenschaften. Die berechneten Abmessungen beider Punkte sind 5,219 Pixel. Aber sie sehen unterschiedlich aus:

image
image535×443 43.1 KB

Auf dem Bild, das ich in meinem vorherigen Beitrag gepostet habe, scheint er höher zu sein:
image

Ihre „Rundheit“ variiert je nach Browser-Zoom.
Ich bin ziemlich sicher, dass diese Rundheitsvariationen durch ihre endgültigen gerundeten (kein Wortspiel) Breiten- und Höhenwerte verursacht werden, da es sich um Fließkommazahlen handelt (ihre Dimensionseinheiten sind em und nicht px). Wenn ich sie alle auf 5 Pixel setze, verschwindet das Problem. Aber ich verstehe, dass ihre Abmessungen mit der Schriftgröße oder etwas anderem in Beziehung stehen sollen, um visuelle Konsistenz zu gewährleisten.

1 „Gefällt mir“
7

Wenn ich mich nicht irre, hast du das CSS für eine feste (oder gerundete berechnete) Größe aktualisiert. Es sieht viel besser aus, sowohl hier als auch in meinem Forum, das ich heute Morgen neu aufgebaut habe. Gut gemacht :+1: