Mudança de cor do nome de usuário CSS para Grupos Personalizados inteiros, funciona às vezes e depois não?

Dev
1

Não tenho certeza do que exatamente está causando isso, mas qualquer código CSS que eu uso para fazer isso parece ligar e desligar aleatoriamente. Não sei se é de uma atualização, alguma configuração, etc…

O que uso há mais tempo é

.topic-post .Veeps a {
color: #66FF00;
}

Sendo “Veeps” meu Grupo Personalizado. Funcionou ontem ou anteontem, mas notei hoje que todas as cores, exceto as vinculadas a nomes de usuário específicos, voltaram ao padrão, em todos os temas. Criei um novo tema e apaguei todas as modificações, tentando, mas literalmente nada funciona. Funciona perfeitamente com grupos pré-definidos como “admin”, “staff”, moderador, mas não consigo fazer nenhum funcionar para grupos personalizados. Certifiquei-me de que está definido como Grupo Principal, fiz com que fosse o único grupo do qual faziam parte, tentei em diferentes grupos personalizados (“Owner”), nada. Agora, se eu o aplico a nomes de usuário específicos, funciona bem, mas é tedioso ter que fazer 100 entradas separadas para indivíduos, que não são atualizadas se o grupo deles mudar.

span.username.staff a {
      color: #00A9DB;
}

Funciona, mas também não para Grupos Personalizados. Eu sei que ERA possível fazer Grupos Personalizados funcionarem porque funcionou por anos para vários (exceto quando não funciona). Existe algum CSS melhor para usar, ou alguma configuração que estou inadvertidamente mexendo?

Instalei GitHub - discourse/discourse-groups-css-classes-in-body e agora consegui

div.topic-post.group-Veeps div.names span.username a {
  color: #8A2BE2;
}

Para funcionar como eu quero, mas não instalei isso (ou não usei esse CSS) nos últimos anos, então isso não me ajuda a entender o que exatamente parou de funcionar/o que consertar, apenas martelando o prego com a furadeira.

2 curtidas
2

Olá,

Houve uma alteração ontem DEV: add title class name, prefix username class (#19482) · discourse/discourse@b1e0836 · GitHub, então agora você tem que adicionar o prefixo group-- ao nome do grupo em CSS. Por exemplo: .group--Veeps.

5 curtidas
3

Sim, desculpe pelo inconveniente, mas a maneira anterior como estávamos adicionando o nome da classe do grupo era um pouco propensa a erros… significava que qualquer nome de grupo que por acaso correspondesse a um nome de classe em nosso CSS causaria problemas de layout.

Por exemplo, um grupo chamado “hidden” adicionaria a classe .hidden, que ocultaria nomes de usuário. Adicionar o prefixo group-- evita esse problema e não deve ser alterado novamente no futuro. Portanto, você só precisará atualizar .Veeps para .group--veeps.

6 curtidas
4

Obrigado por me informar, sinto-me um pouco menos estúpido por ter quebrado algo ao tentar consertar outra coisa, como costuma acontecer! Eu brinquei com alguns casos diferentes e todos eles funcionam bem e consegui resolver com essas informações.

Requer o uso de GitHub - discourse/discourse-groups-css-classes-in-body para ainda usar Grupos Primários personalizados dessa forma que eu estava perguntando, ou é desnecessário? Eu possivelmente entendi mal o propósito desse plugin em primeiro lugar e ele nunca foi necessário para o que eu estava fazendo; eu apenas o removi do meu tema de teste para ver se os códigos personalizados de grupo primário ainda eram acionados, e eles são, então parece que não é necessário… mas eu prefiro ter certeza antes de simplesmente desativá-lo e encontrar algo inesperado no futuro.

2 curtidas
5

Os grupos primários estão presentes sem ele, então podem ser direcionados com CSS. Com o componente de tema instalado, você também pode direcionar grupos não primários. :+1:

2 curtidas
6

Não entendi qual código devo usar, talvez a tradução esteja fora de contexto

então em vez de eu usar isto

div.topic-post.group-Veeps div.names span.username a {
  color: #8A2BE2;
}

Eu uso isto

div.topic-post.group-- Veeps div.names span.username a {
  color: #8A2BE2;
}

Não entendo o que deve ser colocado no código? é apenas o --

@Kartoon @Don @awesomerobot

7

Olá,

Deve funcionar assim: :arrow_down_small:

.names span {
  &.group--GroupName a {
    color: red;
  }
}

Mas eu fiz um componente de tema rápido para isso agora. :slightly_smiling_face:

Aqui você pode configurar isso de forma simples.

nome_do_grupo;cor

Screenshot 2023-01-14 at 21.07.53
Screenshot 2023-01-14 at 21.07.53767×399 31.1 KB

7 curtidas
8

Eu provavelmente não sou a melhor pessoa para perguntar, pois consigo fazer as coisas funcionarem, mas não necessariamente explicar o porquê. Mas o que estou usando atualmente e funciona bem

.topic-post.group-Veeps div.names span.username a {
   color: #66FF00;
 }

Obviamente, troque “Veeps” pelo grupo de usuários que você tem, é apenas como o meu se chama.

.names span {
  &.group--Veeps a {
    color: red;
  }
}

Como mencionado acima, também funciona, eu apenas o troquei pelo que eu tinha. Provavelmente instalarei o plugin que ele acabou de postar para conveniência de qualquer maneira.

1 curtida
9

Também estou tendo o mesmo problema, não sei o que está errado, impressionante que mesmo usando o tema competente ou o código, pois os nomes dos membros não mudam de cor, eu até usei o cogido e o tema do componente em um tema bruto sem nenhum css ou alterações e isso não muda nada nas cores do título

Acabei de notar algo intrigante, se eu colocar alguém no grupo como proprietário, o código de alteração funciona e as cores dos nomes dos membros que defini como proprietário são alteradas, mas os membros que não são proprietários não mudam

@Kartoon @Don @xebiyen