Sem espaço entre a contagem de votos e as tags no cabeçalho

Feedback do site
1

Semelhante a No Gap Between Vote Count and Tags in Topic List, também não há espaço entre os votos e a(s) tag(s) no cabeçalho quando há 0 votos e pelo menos 1 tag

Screenshot_20240521_235308_Chrome
Screenshot_20240521_235308_Chrome1754×207 91.9 KB

1 curtida
2

Pode ser culpa minha :thinking:

É só no meta, ou você consegue ver o mesmo em outro site?

3

Não notei em nenhum outro lugar e não é um problema no modo de segurança

4

Encontrei isto e usei:\n\n```css
// ocultar contagem de 0 votos

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

// ocultar a vírgula na penúltima tag

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


Pode precisar de um ajuste?
2 curtidas
5

Acho que você pode melhorar o CSS desta forma, assim você não precisa especificar qual filho (pode ser útil se algo for exibido após os votos; por exemplo).

.discourse-tags {
    /* ocultar contagem de 0 votos */
    .vote-count-0,
    
    /* oculta a vírgula do irmão anterior de .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none !important;
    }
}
1 curtida
6

Vamos tentar :heart: :slight_smile:

7

Parece que você pode precisar de !important. Notei que ele é substituído por header.scss. Atualizei o código acima.

2 curtidas
8

nota Eu sempre recomendo que seja o último recurso, geralmente procuro tornar as coisas mais seletivas, se possível.

2 curtidas
9

Eu fui com isto:

.topic-list .discourse-tags {
    /* ocultar contagem de 0 votos */
    .vote-count-0,
    
    /* oculta a vírgula do irmão anterior de .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none 
    }
}

Manter a informação de ‘0 votos’ no tópico pareceu certo, e isto arrumou o espaçamento.

Notei que também precisei ocultá-los de dentro dos tópicos feedback… Depois de algum tempo, finalmente cheguei a isto:


.ask-chapoi {

 display: humbleness;
 admit: failure;

}
7 curtidas