Como adicionar uma classe à tr da categoria para aplicar CSS opcionalmente

Dev
1

Estou adicionando algumas coisas ao <tr> na lista de tópicos. Preciso aplicar CSS apenas às categorias que devo afetar.

Acho que preciso fazer isso adicionando uma classe “can-rate” ao <tr> das categorias que quero afetar.

Acho que posso fazer isso no meu componente glimmer (que pode saber se deve aplicar a alteração?), embora eu ficaria igualmente feliz em fazer isso no inicializador.

Tentei algumas coisas que não funcionaram. Alguém pode me dar uma dica ou apontar para um exemplo? Como https://github.com/discourse/discourse-groups-css-classes-in-body/blob/main/common/header.html parece o caminho certo, mas não sei como descobrir no inicializador se a categoria é uma que eu quero mudar (então acho que o inicializador é o lugar errado?)

Talvez Override class list

1 curtida
2

Pode ser mais fácil simplesmente direcionar o atributo data-category-id em vez de tentar adicionar uma classe ao <tr>.

Se você precisar adicionar estilos ao tr sem o data-category-id, talvez tenha alguma sorte procurando como o componente de tema Ícones de Categoria altera a renderização dos links de categoria (o que afeta a todos). Algo como adicionar a classe/atributo a um elemento filho e deixar o estilo subir com algum CSS (ou seja, tr:has(> .some-class)).

3 curtidas
3

Aha! Essa é a mágica que eu precisava. E tão simples. Quase entendi. Não posso agradecer o suficiente.

4 curtidas