类别下拉菜单未截断...对于较长的类别名称

[Lilly]

类别下拉选择器显示属性在较长的类别名称上没有换行/截断（…）。

[Arkshine]

在不更改宽度以保持相同视觉效果的情况下，在此处添加省略号可能是一种解决方案：

.name > .badge-wrapper .badge-category {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

[Lilly]

谢谢，我还在想着用 CSS 来实现，但还没开始尝试。你为我节省了不少摸索的时间！ 干得漂亮

[isaac (Isaac Janzen)]

@Lilly safe mode 下也会这样吗？查看 meta 上的这个更长的类别 显示正常！

[Lilly]

我可以确认它正在安全模式下发生

@isaac - 我添加了截图

[Arkshine]

抱歉，我没有检查，但已经有 CSS 代码了。

不过，它似乎用一个项目符号来选择类别名称，而 Lilly 的 Discourse 上没有项目符号。

在 Meta 上：

Lilly：

[Lilly]

我在徽章包装器中删除了我的项目符号。但您的代码运行正常。

我知道有一个类别项目符号的设置，但我希望对项目符号在不同主题中出现的位置进行精细控制。

[isaac (Isaac Janzen)]

@Lilly

我移除了徽章包装器中的项目符号。

我认为这是您问题的根源，或者至少产生了负面影响。在最新版本的 Discourse 中：

@Lilly

但您的代码运行正常。

下拉选项以前被截断过吗？

[Lilly]

@isaac 我已移除我的徽章包装隐藏代码以及 @Arkshine 提供的省略号代码，并且现在正在安全模式下运行它，并将 admin-settings- category style 设置为 none（无徽章），但我仍然遇到与上面安全模式截图相同的问题。组件在安全模式下本不应产生任何影响。

[isaac (Isaac Janzen)]

谢谢 @Lilly，是的，我现在可以重现这个问题了！谢谢！

[Lilly]

FWIW 我将此帖子发布在 UX 而不是 bug 中，因为它显然不是功能性或关键性问题，并且仅影响超长类别名称的 UI 外观（正如我们后来发现的那样，没有徽章包装器项目符号）。

[awesomerobot (Kris)]

这已在此处修复：

UX: long unsetyled category names need truncation (#21756)

[Lilly]

@awesomerobot 太棒了 谢谢！