Nessun divario tra il conteggio dei voti e i tag nell'intestazione

Feedback sul sito
1

Simile a No Gap Between Vote Count and Tags in Topic List, non c’è nemmeno uno spazio tra i voti e il/i tag nell’intestazione quando ci sono 0 voti e almeno 1 tag

Screenshot_20240521_235308_Chrome
Screenshot_20240521_235308_Chrome1754×207 91.9 KB

1 Mi Piace
2

Potrebbe essere colpa mia :thinking:

È solo su meta, o puoi vedere la stessa cosa su un altro sito?

3

Non l’ho notato da nessun’altra parte e non è un problema in modalità provvisoria

4

Ho trovato questo e l’ho usato:

// nasconde il conteggio di 0 voti


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

// nasconde la virgola sull'ultima tag prima dell'ultima
.discourse-tags:has(.vote-count-0) {
  .discourse-tag:nth-last-child(2):after {
     display: none;
  }
}

Potrebbe aver bisogno di una modifica?

2 Mi Piace
5

Penso che tu possa migliorare il CSS in questo modo, così non avrai bisogno di specificare quale figlio (può essere utile se qualcosa viene visualizzato dopo i voti; per esempio).

.discourse-tags {
    /* nasconde il conteggio dei voti 0 */
    .vote-count-0,
    
    /* nasconde la virgola dal fratello precedente di .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none !important;
    }
}
1 Mi Piace
6

Proviamo :heart: :slight_smile:

7

Sembra che tu possa aver bisogno di !important. Ho notato che viene sovrascritto da header.scss. Ho aggiornato il codice sopra.

2 Mi Piace
8

nota raccomando sempre che sia l’ultima risorsa, di solito cerco di rendere le cose più selettive, se possibile.

2 Mi Piace
9

Sono andato con questo:

.topic-list .discourse-tags {
    /* nasconde il conteggio di 0 voti */
    .vote-count-0,
    
    /* nasconde la virgola dal fratello precedente di .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none 
    }
}

Mantenere le informazioni sui ‘0 voti’ all’interno dell’argomento mi è sembrato giusto, e questo ha riordinato lo spazio.

Ho notato che dovevo nasconderli anche dall’interno degli argomenti feedback… Dopo un po’ di tempo sono finalmente arrivato a questo:


.ask-chapoi {

 display: humbleness;
 admit: failure;

}
7 Mi Piace