トピックリストから「投票なし」を非表示にする際の軽微なバグ報告

UX
1

Voting plugin — hiding “empty” votes in the topic list? からの議論の続きです。

「シンプルな」タグ表示が有効になっており、投稿に少なくとも1つのタグがあるが投票がない場合、タグリストの後にカンマが表示されます。

2

なぜなら：

.discourse-tags .discourse-tag.simple:not(:last-child)::after, .list-tags .discourse-tag.simple:not(:last-child)::after, .search-category .discourse-tag.simple:not(:last-child)::after {
	content: ", ";
	margin-left: 1px;
}

そして、投票数は非表示の場合でも子要素のままなので、そう推測します。

「いいね！」 1
3

最も簡単な回避策は、「simple」を使用しないことです。

「いいね！」 1
4

4件の投稿が新しいトピックに分割されました：0票を非表示にする方法

5

はい、CSSで非表示にしても、HTML上に存在するため子要素としてカウントされます。

CSSでほとんど対応できます（Firefoxはまだ:hasをサポートしていないため例外ですが）。この問題を完全に回避するために、プラグインに「トピックリストで投票数0を非表示にする」オプションを適切に追加するのがおそらく良いでしょう。しかし、今のところこれで機能します。

.vote-count-0 {
  display: none; // 投票数0を非表示にする
}

.discourse-tags:has(.vote-count-0) {
  .discourse-tag:nth-last-child(2):after {
     display: none; // 最後から2番目のタグのカンマを非表示にする
  }
}
「いいね！」 1