Informe de error menor al ocultar "0 votos" de la lista de temas

[mattdm (Matthew Miller)]

Continuando la discusión de Plugin de votación: ¿ocultar votos “vacíos” en la lista de temas?:

@awesomerobot

No lo había, ¡pero ahora sí!

DEV: add vote count tag class by awesomerobot · Pull Request #104 · discourse/discourse-topic-voting · GitHub

Este commit te permite hacer:

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

Si tienes la visualización de etiquetas “simple” habilitada y la publicación tiene al menos una etiqueta pero ningún voto, la lista de etiquetas irá seguida de una coma.

[mattdm (Matthew Miller)]

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

y el recuento de votos sigue siendo un hijo incluso cuando está oculto, supongo.

[mattdm (Matthew Miller)]

La solución alternativa más sencilla es, por supuesto, no usar “simple”.

[awesomerobot (Kris)]

@mattdm

y el recuento de votos sigue siendo un hijo incluso cuando está oculto, supongo.

Correcto, cuando se oculta con CSS, todavía se cuenta como un hijo porque todavía existe en el HTML.

CSS puede manejar la mayor parte de esto ahora (con Firefox siendo la excepción porque aún no admite :has)… Probablemente valga la pena agregar una opción adecuada de “ocultar 0 votos en la lista de temas” al plugin para evitar el problema por completo… pero por ahora esto funcionará.

.vote-count-0 {
  display: none; // oculta el recuento de 0 votos
}

.discourse-tags:has(.vote-count-0) {
  .discourse-tag:nth-last-child(2):after {
     display: none; // oculta la coma en la penúltima etiqueta
  }
}