Sin espacio entre el conteo de votos y las etiquetas en el encabezado

Similar a No Gap Between Vote Count and Tags in Topic List, tampoco hay espacio entre los votos y la(s) etiqueta(s) en la cabecera cuando hay 0 votos y al menos 1 etiqueta.

1 me gusta

Puede que sea mi culpa :thinking:

¿Es solo en meta o puedes ver lo mismo en otro sitio?

No lo noté en ningún otro lugar y no es un problema en modo seguro.

Encontré esto y lo usé:

// ocultar recuento de votos 0


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

// ocultar la coma en la penúltima etiqueta

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

¿Puede que necesite un ajuste?

2 Me gusta

Creo que puedes mejorar el CSS de esta manera, así no necesitas especificar qué hijo (puede ser útil si algo se muestra después de los votos; por ejemplo).

.discourse-tags {
    /* ocultar recuento de 0 votos */
    .vote-count-0,
    
    /* oculta la coma del hermano anterior de .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none !important;
    }
}
1 me gusta

Vamos a intentarlo :heart: :slight_smile:

Parece que podrías necesitar !important. Noté que está siendo sobrescrito por header.scss. Actualicé el código de arriba.

2 Me gusta

nota Siempre recomiendo que la nota sea el último recurso, por lo general, intento hacer las cosas más selectivas si es posible.

2 Me gusta

Me decidí por esto:

.topic-list .discourse-tags {
    /* ocultar recuento de 0 votos */
    .vote-count-0,
    
    /* oculta la coma del hermano anterior de .vote-count-0 */
     :has(+ .vote-count-0)::after { 
      display: none 
    }
}

Mantener la información de ‘0 votos’ en el tema me pareció correcto, y esto arregló el espaciado.


Me di cuenta de que también necesitaba ocultarlos desde dentro de los temas feedback… Después de un tiempo, finalmente llegué a esto:


.ask-chapoi {

 display: humbleness;
 admit: failure;

}

7 Me gusta