Continuing the discussion from A little help with a CSS selector?: Hi, A little bit ago I made this topic and the JavaScript for making CSS selectors for trust levels worked. It doesn’t work anymore. This is the JS… import { apiInitializer } from "discourse/lib/api"; export default apiInitializer((api) => { const allowedGroups = ["trust_level_4"]; // Add the groups you want to target const includeUsersField = ["username"]; // Use either "id" or "username" api.modifyClass("component:chat/message/info", (SuperClass) => { return class extends SuperClass { @service currentUser; get usernameClasses() { if (!this.currentUser) { return super.usernameClasses; } const allowedGroupClasses = this.currentUser.groups .filter((g) => allowedGroups.includes(g.name)) .map((g) => `group--${g.name}`); const extraClasses = [ ...allowedGroupClasses, ...includeUsersField.map((f) => `user--${this.currentUser[f]}`), ] .filter(Boolean) .join(" "); return super.usernameClasses + " " + extraClasses; } }; }); }) And this is the CSS I was using… .chat-message-info__username.group–trust_level_4 { .chat-message-info__username__name { color: blue; } } Any ideas on how I can fix this? Specifically, is there some Discourse update that I should know about or does this have to do with tl4 not being a primary group or something? Thanks!

Just import the service decorator and it should work: import { service } from "@ember/service"; Once that’s added, your @service currentUser will load correctly again.

Edit: I put it in the script but I still can’t get it work.

Could you share any errors in the browser console? That may help.

Could you try adding the following CSS after removing your current one? .chat-message-info__username.group--trust_level_4 .chat-message-info__username__name { color: blue !important; }

JS Não Funciona Mais para Componente de Tema

Dev

NateDhaliwal (Nate Dhaliwal) Novembro 14, 2025, 2:30am 4

Você poderia compartilhar algum erro no console do navegador? Isso pode ajudar.

Tópico		Respostas	Visualizações
Theme - identify the trust level? General	2	475	1 de Fevereiro de 2024
CSS Classes for Current User's Groups Theme component official	2	2195	2 de Novembro de 2026
A little help with a CSS selector? Product Support	17	526	8 de Março de 2025
Enable components according to user groups or trust levels Development	2	697	19 de Fevereiro de 2020
Does adding groups to CSS theme component still work? Product Support	7	814	4 de Maio de 2022

JS Não Funciona Mais para Componente de Tema

Tópicos relacionados