Come aggiungere una classe alla categoria tr per applicare opzionalmente CSS

Sto aggiungendo alcune cose al <tr> nell’elenco degli argomenti. Ho bisogno di applicare il CSS solo alle categorie che dovrei influenzare.

Penso di doverlo fare aggiungendo una classe “can-rate” al <tr> delle categorie che voglio influenzare.

Penso di poterlo fare nel mio componente glimmer (che potrebbe sapere se deve applicare la modifica?), anche se sarei altrettanto felice di farlo nell’inizializzatore.

Ho provato alcune cose che non hanno funzionato. Qualcuno può darmi una mano o indicarmi un esempio? Ad esempio, https://github.com/discourse/discourse-groups-css-classes-in-body/blob/main/common/header.html sembra la strada giusta, ma non so come scoprire nell’inizializzatore se la categoria è una di quelle che voglio cambiare (quindi immagino che l’inizializzatore sia il posto sbagliato?)

Forse Override class list

1 Mi Piace

Potrebbe essere più facile puntare all’attributo data-category-id invece di provare ad aggiungere una classe al <tr>.

Se devi aggiungere stili al tr senza il data-category-id, potresti avere un po’ di fortuna cercando come il componente tema Icone Categoria modifica il rendering dei link delle categorie (che influisce ovunque). Qualcosa del tipo aggiungere la classe/attributo a un elemento figlio e lasciare che lo stile salga con un po’ di CSS (ad esempio, tr:has(> .some-class)).

3 Mi Piace

Ah! Questa è la magia di cui avevo bisogno. E così semplice. L’ho quasi capito. Non posso ringraziarti abbastanza.

4 Mi Piace