用户个人资料显示“和 XY 其他群组”而非“...”

用户体验
,
1

在我们的社区中，我们发现所有用户的所有群组列表的可发现性很差——“…”上的链接很容易被忽略。特别是对于可见性有限的用户来说，很容易错过。

是否可以为该链接添加一个更明确的标签？

4 个赞
2

您可能无法在不进行大量编码的情况下获得“XY”计数，但添加此自定义 CSS 应该可以改善您的情况：

dd.groups:last-child > a::after {
  content: 'and more';
}

group_css

我没有对整个网站进行详尽的 CSS 测试，但在抽查中，它似乎只作用于个人资料页面上的群组链接。如果它出现在不属于它的地方，请告知。

（另外，我确实同意 ... 的可发现性并不理想，并且核心代码进行类似这样的更改将是受欢迎的。）

1 个赞
3

确实，即使只是写上“等等”也会有所改进，尽管如果不去掉这些点，它看起来会很奇怪。

看起来它们不是本地化消息的一部分，而是硬编码在这里：

1 个赞
4

这个怎么样？

  • 首先，我们在最后一个命名链接后添加一个逗号
  • 然后我们隐藏“…”
  • 然后我们插入“and more”文本——并稍微向后移动一点，因为“…”的空间实际上还在那里
  • （还添加了更具体的选择器，以避免在其他地方发生潜在冲突）
.user-main .about .secondary dd.groups span:last-of-type::after {
  content: ",";
}

.user-main .about .secondary dd.groups:last-child > a {
  visibility: hidden;
}


.user-main .about .secondary dd.groups:last-child > a::after {
  visibility: visible;
  margin-left: -.8rem;
  content: "and more";
}

image

可能有一个更巧妙的方法可以完全将“…”从流程中移除，但负边距似乎效果还可以。

1 个赞