话题创建者帖子上的作者徽章

开发
1

你好，

这将是一个非常好的大功能……让用户知道何时是原帖作者（OP）回复。在 OP 的回复上显示“作者”徽章……

我是用 CSS 实现的，但我觉得这也许可以作为一个核心功能或主题组件。:slight_smile:

我目前针对的是 .topic-owner 类，但我相信应该有更优雅的方法。如下所示 :arrow_down:

谢谢！:slight_smile:

在桌面端，我针对的是 .names 类

.topic-owner article .row .topic-body .topic-meta-data .names::after {
    content: "Author";
    color: var(--secondary);
    background: var(--secondary-medium);
    padding: 0px 8px;
    border-radius: 8px;
}
// 隐藏嵌入式帖子中的显示
.topic-owner article .row .embedded-posts .topic-body .topic-meta-data .names::after {
    content: "";
}

效果如下 :arrow_down:

Screen Shot 2020-12-02 at 10.07.49 AM

在移动端，我针对的是 .first 类

.topic-owner article .row .topic-body .topic-meta-data .names .first::after {
    content: "Author";
    color: var(--secondary);
    background: var(--secondary-medium);
    margin-left: 4px;
    padding: 0px 8px;
    border-radius: 6px;
}

效果如下 :arrow_down:
Screen Shot 2020-12-02 at 10.14.00 AM

如果您想实时查看效果 :arrow_down: 我只是从我的网站上选了一个话题。 唯一的区别是“作者”标签是匈牙利语。

2

这挺酷的。你的论坛是公开的吗？你能编辑帖子并添加一个指向该主题的链接吗？

3

你好 @pfaffman，
我已添加链接。谢谢 :slight_smile:

4

你可能想在首帖中省略这一点，因为首帖总是由话题创建者发布的！

CSS 编辑：

5

谢谢你，Kane！这是个很好的观点，我会采纳的 :heart::slightly_smiling_face:

6

小更新！:slight_smile:

桌面端 :arrow_down:

// 话题所有者

.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names::after {
  content: "作者";
  color: var(--secondary);
  font-weight: bold;
  background: var(--secondary-medium);
  padding: 0px 8px;
  border-radius: 8px;
  line-height: normal;
}

移动端 :arrow_down:

// 话题所有者

.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names .first:after {
  content: '作者';
  color: var(--secondary);
  background: var(--secondary-medium);
  margin-left: 4px;
  padding: 0px 8px;
  border-radius: 6px;
  line-height: normal;
}
7

交叉链接新的主题组件 :partying_face: