标题中的投票数与标签之间没有空隙

网站反馈
1

与 No Gap Between Vote Count and Tags in Topic List 类似，当得票数为 0 且至少有 1 个标签时，页眉中的得票数和标签之间也没有间隙。

Screenshot_20240521_235308_Chrome
Screenshot_20240521_235308_Chrome1754×207 91.9 KB

1 个赞
2

这可能是我错了 :thinking:

这只是在 meta 上，还是你在其他网站上也能看到同样的情况？

3

我没有在其他地方注意到它，在安全模式下也不是问题。

4

我找到了这个并使用了它：

// 隐藏 0 票数


.vote-count-0 {
  display: none;
}

// 隐藏倒数第二个标签上的逗号

.discourse-tags:has(.vote-count-0) {
  .discourse-tag:nth-last-child(2):after {
     display: none;
  }
}

可能需要调整一下？

2 个赞
5

我认为你可以这样改进 CSS，这样就不需要指定子元素了（如果投票后显示了其他内容，这可能会很有用）。

.discourse-tags {
    /* 隐藏 0 票数 */
    .vote-count-0,

    /* 隐藏 .vote-count-0 前一个同级元素的逗号 */
    & :has(+ .vote-count-0)::after {
      display: none !important;
    }
}
1 个赞
6

让我们来试试 :heart: :slight_smile:

7

看起来你可能需要 !important。我注意到它被 header.scss 覆盖了。我已经更新了上面的代码。

2 个赞
8

请注意，我始终建议将（删除）作为最后的手段，如果可能的话，我通常会选择让内容更具选择性。

2 个赞
9

我采用了这个方法：

.topic-list .discourse-tags {
    /* 隐藏0票数 */
    .vote-count-0,

    /* 隐藏 .vote-count-0 前一个同级元素的逗号 */
    & :has(+ .vote-count-0)::after {
      display: none
    }
}

保留“0票”信息在话题中感觉很合适，这样也整理了间距。

我注意到我还需要从 feedback 话题内部隐藏它们……花了一些时间，我终于找到了这个方法：


.ask-chapoi {

 display: humbleness;
 admit: failure;

}
7 个赞