Пример:
4 лайка
Это исправлено здесь:
3 лайка
Уверены в этом? 
2.9.0.beta2
На рабочем столе Chrome, то же самое в безопасном режиме.
HTML-код строки:
<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"><!-- --> <a href="/t/nouveau-champagne-edition-1978/42061" title="nouveau sujet" class="badge badge-notification new-topic">nouveau</a>
</span>
</div>
CSS для <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 для значков поста:
.topic-post-badges {
white-space: nowrap;
align-self: center;
line-height: var(--line-height-medium);
}
Также вопрос: что это за текст «nouveau» («новый»)? Он присутствует в DOM, занимает место, но к нему не применено никаких стилей или свойств:
1 лайк
Кроме того, вид точки иногда немного отличается от одной строки темы к другой.
У них абсолютно одинаковые свойства CSS. Вычисленные размеры обеих точек составляют 5.219 пикселей. Но они выглядят по-разному:
На изображении, которое я опубликовал в предыдущем сообщении, она кажется выше:
Их «округлость» меняется в зависимости от масштаба браузера.
Я почти уверен, что эти вариации округлости вызваны их финальными округленными (без каламбура) значениями ширины и высоты, так как они являются дробными числами (их единицы измерения — em, а не px). Если я установлю их все в 5 пикселей, проблема исчезает. Но я понимаю, что их размеры должны быть связаны с размером шрифта или чем-то еще для визуальной согласованности.
1 лайк
Если я не ошибаюсь, вы обновили CSS для фиксированного (или округленного вычисляемого) размера. Выглядит намного лучше, как здесь, так и на моём форуме, который я пересобрал сегодня утром. Отлично 