非常小的问题：在主题列表中，新消息指示器可以单独占一行

用户体验
1

示例：

image
image1132×367 29 KB

4 个赞
3

此处的修复：

3 个赞
4

确定吗？ :thinking:

2.9.0.beta2

(f9e1ba4f8f)

在 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">
    <!-- -->  &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);
}

帖子徽章 CSS：

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

另外，有个问题：这个“nouveau”（“新”）文本是怎么回事？它存在于 DOM 中，占用了空间，但没有任何样式/属性应用于它：

1 个赞
5

另外，圆点的外观有时在主题行之间略有不同。

它们具有完全相同的 CSS 属性。两个圆点的计算尺寸均为 5.219 像素。但它们看起来不同：

image
image535×443 43.1 KB

在我上一篇帖子中发布的图片上，它似乎更高：

image

它们的“圆度”因浏览器缩放而异。
我相当确定这些圆度变化是由它们最终的四舍五入（无意双关）的宽度和高度值引起的，因为它们是浮点数（它们的尺寸单位是 em 而不是 px）。如果我将它们全部设置为 5 像素，问题就会消失。但我明白它们的尺寸应该与字体大小或其他内容相关，以实现视觉一致性。

1 个赞
7

如果我没记错的话，你更新了 CSS 的点，使其具有固定（或四舍五入计算值）的大小。看起来好多了，在这里和我在今天早上重建的论坛上都是如此。不错 :+1: