Pas d'espace entre le nombre de votes et les tags dans l'en-tête

Commentaires sur le site
1

Similaire à No Gap Between Vote Count and Tags in Topic List, il n’y a pas non plus d’espace entre les votes et le(s) tag(s) dans l’en-tête lorsqu’il y a 0 vote et au moins 1 tag.

Screenshot_20240521_235308_Chrome
Screenshot_20240521_235308_Chrome1754×207 91.9 KB

1 « J'aime »
2

C’est peut-être de ma faute :thinking:

Est-ce que c’est uniquement sur meta, ou pouvez-vous voir la même chose sur un autre site ?

3

Je ne l’ai remarqué nulle part ailleurs et ce n’est pas un problème en mode sans échec.

4

J’ai trouvé ceci et je l’ai utilisé :

// masquer le décompte de 0 vote


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

// masquer la virgule sur l'avant-dernier tag

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

Cela pourrait nécessiter un ajustement ?

2 « J'aime »
5

Je pense que vous pouvez améliorer le CSS de cette façon, vous n’avez donc pas besoin de spécifier quel enfant (cela peut être utile si quelque chose s’affiche après les votes ; par exemple).\n\n```css
.discourse-tags {
/* cacher le compte de 0 vote */
.vote-count-0,

/* cache la virgule du frère précédent de .vote-count-0 */
& :has(+ .vote-count-0)::after { 
  display: none !important;
}

}

1 « J'aime »
6

Essayons :heart: :slight_smile:

7

Il semble que vous ayez besoin de !important. J’ai remarqué qu’il est remplacé par header.scss. J’ai mis à jour le code ci-dessus.

2 « J'aime »
8

note Je recommande toujours que ce soit en dernier recours, j’essaie généralement de rendre les choses plus sélectives si possible.

2 « J'aime »
9

J’ai opté pour ceci :

.topic-list .discourse-tags {
    /* masquer le décompte de 0 vote */
    .vote-count-0,
    
    /* masque la virgule du frère précédent de .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none 
    }
}

Garder l’information des « 0 votes » dans le sujet me semblait approprié, et cela a permis de tidier l’espacement.

J’ai remarqué que je devais également les masquer depuis l’intérieur des sujets feedback… Après un certain temps, j’ai finalement abouti à ceci :


.ask-chapoi {

 display: humbleness;
 admit: failure;

}
7 « J'aime »