Very minor issue: on the topics list, the new messages indicator can be on a new line by itself

UX
4

Sure about that? :thinking:

image

2.9.0.beta2

(f9e1ba4f8f)

On Chrome Desktop, and same with safe mode.

Row HTML code:

<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 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>

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

Also, a question: what’s with this “nouveau” (“new”) text? It exists in the dom, takes space, but have absolutely no style/property applied to it:

image
image2498Ă—1440 311 KB

1 Like