Pequeno relatório de bug ao ocultar "0 votos" da lista de tópicos

Experiência do Usuário
1

Continuando a discussão de Plugin de votação — ocultar votos “vazios” na lista de tópicos?:

Se você tiver a exibição de tags “simples” ativada e a postagem tiver pelo menos uma tag, mas nenhum voto, a lista de tags será seguida por uma vírgula.

2

Porque:

.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;
}

e a contagem de votos ainda é um filho mesmo quando oculta, eu acho.

1 curtida
3

A solução alternativa mais fácil é não usar “simples”, é claro.

1 curtida
4

4 posts foram divididos em um novo tópico: Como ocultar 0 votos?

5

Certo, quando oculto com CSS, ele ainda é contado como uma criança porque ainda existe no HTML.

O CSS pode lidar com a maior parte disso agora (com o Firefox sendo a exceção porque ele ainda não suporta :has)… Provavelmente vale a pena adicionar uma opção adequada de “ocultar 0 votos na lista de tópicos” ao plugin para evitar o problema inteiramente… mas por enquanto isso funcionará.

.vote-count-0 {
  display: none; // ocultar contagem de 0 votos
}

.discourse-tags:has(.vote-count-0) {
  .discourse-tag:nth-last-child(2):after {
     display: none; // ocultar a vírgula na penúltima tag
  }
}
1 curtida