Kein Abstand zwischen Stimmenanzahl und Tags im Header

Seitenfeedback
1

Ähnlich wie bei No Gap Between Vote Count and Tags in Topic List gibt es auch keinen Abstand zwischen den Stimmen und dem/den Tag(s) in der Kopfzeile, wenn 0 Stimmen und mindestens 1 Tag vorhanden sind

Screenshot_20240521_235308_Chrome
Screenshot_20240521_235308_Chrome1754×207 91.9 KB

1 „Gefällt mir“
2

Das könnte mein Fehler sein :thinking:

Ist das nur auf Meta so, oder siehst du dasselbe auf einer anderen Seite?

3

Ich habe es nirgendwo anders bemerkt und es ist im abgesicherten Modus kein Problem.

4

Ich habe das hier gefunden und verwendet:

// 0 Stimmen ausblenden


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

// Komma vor dem vorletzten Tag ausblenden

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

Muss es vielleicht angepasst werden?

2 „Gefällt mir“
5

Ich denke, Sie können das CSS so verbessern, dass Sie nicht angeben müssen, welches Kind (es kann nützlich sein, wenn etwas nach den Stimmen angezeigt wird; zum Beispiel).\n\ncss\n.discourse-tags {\n /* 0 Stimmen ausblenden */\n .vote-count-0,\n \n /* blendet das Komma vom vorherigen Geschwister von .vote-count-0 aus */\n \u0026 :has(+ .vote-count-0)::after { \n display: none !important;\n }\n}\n

1 „Gefällt mir“
6

Lass es uns versuchen :heart: :slight_smile:

7

Es sieht so aus, als ob Sie !important benötigen könnten. Ich habe bemerkt, dass es von header.scss überschrieben wird. Ich habe den obigen Code aktualisiert.

2 „Gefällt mir“
8

Ich empfehle immer, dass dies das letzte Mittel ist. Normalerweise versuche ich, Dinge, wenn überhaupt möglich, selektiver zu gestalten.

2 „Gefällt mir“
9

Ich habe mich für Folgendes entschieden:

.topic-list .discourse-tags {
    /* hide 0 vote count */
    .vote-count-0,
    
    /* hides the comma from the previous sibling of .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none 
    }
}

Die Information ‘0 Stimmen’ im Thema beizubehalten, fühlte sich richtig an, und dies hat den Abstand aufgeräumt.

Mir ist aufgefallen, dass ich sie auch aus den #feedback-Themen ausblenden musste… Nach einiger Zeit bin ich schließlich hier gelandet:


.ask-chapoi {

 display: humbleness;
 admit: failure;

}
7 „Gefällt mir“