CSS-Änderung der Benutzerfarbe für ganze benutzerdefinierte Gruppen, funktioniert manchmal, dann nicht?

Entwickler
1

Ich bin mir nicht sicher, was genau es verursacht, aber jeder CSS-Code, den ich dafür verwende, scheint zufällig ein- und ausgeschaltet zu werden. Ich weiß nicht, ob es an einem Update, einer Einstellung usw. liegt.

Derjenige, den ich am längsten verwende, ist

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

wobei „Veeps“ meine benutzerdefinierte Gruppe ist. Es funktionierte entweder gestern oder am Tag davor, aber ich habe heute festgestellt, dass alle Farben außer denen, die bestimmten Benutzernamen zugeordnet sind, in jedem Thema auf den Standard zurückgesetzt sind. Ich habe ein neues Thema erstellt und alle Modifikationen gelöscht, um buchstäblich nichts funktionieren zu lassen. Es funktioniert perfekt mit vordefinierten Gruppen wie „admin“, „staff“ und „moderator“, aber ich kann keine für benutzerdefinierte Gruppen auslösen. Ich habe sichergestellt, dass es auf „Primary Group“ eingestellt ist, es zur einzigen Gruppe gemacht, der sie angehörten, und es bei verschiedenen benutzerdefinierten Gruppen („Owner“) versucht, nichts. Wenn ich es nun auf bestimmte Benutzernamen anwende, funktioniert es gut, aber es ist mühsam, 100 separate Einträge für Einzelpersonen zu erstellen, die sich nicht aktualisieren, wenn sich ihre Gruppe ändert.

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

funktioniert, aber auch nicht für benutzerdefinierte Gruppen. Ich weiß, dass es möglich war, benutzerdefinierte Gruppen zum Laufen zu bringen, da es jahrelang für mehrere funktioniert hat (außer wenn es nicht funktioniert). Gibt es eine bessere CSS-Methode, die ich verwenden kann, oder eine Einstellung, die ich versehentlich ändere?

Ich habe GitHub - discourse/discourse-groups-css-classes-in-body installiert und jetzt habe ich

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

zum Funktionieren gebracht, wie ich es wollte, aber ich habe dies nicht in den letzten Jahren installiert (oder verwendet), daher hilft es mir nicht zu verstehen, was genau aufgehört hat zu funktionieren/was zu beheben, sondern ich schlage den Nagel mit dem Bohrer ein.

2 „Gefällt mir“
2

Hallo,

Gestern gab es eine Änderung DEV: add title class name, prefix username class (#19482) · discourse/discourse@b1e0836 · GitHub, sodass Sie jetzt das Präfix group-- zum Gruppennamen in CSS hinzufügen müssen. Zum Beispiel: .group--Veeps.

5 „Gefällt mir“
3

Ja, Entschuldigung für die Unannehmlichkeiten, aber die vorherige Methode, mit der wir den Gruppennamen als Klassennamen hinzugefügt haben, war etwas fehleranfällig. Das bedeutete, dass jeder Gruppenname, der zufällig mit einem Klassennamen in unserem CSS übereinstimmte, Layoutprobleme verursachen würde.

Zum Beispiel würde eine Gruppe namens „hidden“ die Klasse .hidden hinzufügen, was Benutzernamen ausblenden würde. Das Hinzufügen des Präfixes group-- vermeidet dieses Problem und muss in Zukunft nicht mehr geändert werden. Sie müssen also nur .Veeps in .group--veeps ändern.

6 „Gefällt mir“
4

Vielen Dank für die Information, ich fühle mich etwas weniger dumm, dass ich etwas kaputt gemacht habe, als ich versucht habe, etwas anderes zu reparieren, wie es oft der Fall ist! Ich habe mit ein paar verschiedenen Fällen herumgespielt und sie funktionieren alle gut, und ich konnte es mit diesen Informationen herausfinden.

Erfordert es die Verwendung von GitHub - discourse/discourse-groups-css-classes-in-body, um benutzerdefinierte Primärgruppen auf diese Weise weiterhin zu verwenden, über die ich gefragt habe, oder ist dies unnötig? Ich habe den Zweck dieses Plugins möglicherweise von Anfang an missverstanden und es war nie für das erforderlich, was ich tat. Ich habe es gerade aus meinem Testthema entfernt, um zu sehen, ob die benutzerdefinierten Primärgruppencodes immer noch ausgelöst werden, und das tun sie. Es scheint also, dass es nicht benötigt wird … aber ich wäre lieber sicher, bevor ich es einfach ausschalte und später etwas Unerwartetes feststelle.

2 „Gefällt mir“
5

Die primären Gruppen sind auch ohne diese vorhanden, sodass sie mit CSS angesprochen werden können. Mit der installierten Theme-Komponente können Sie auch Nicht-Primärgruppen ansprechen. :+1:

2 „Gefällt mir“
6

Ich habe nicht verstanden, welchen Code ich verwenden soll, vielleicht ist die Übersetzung aus dem Kontext gerissen

also anstatt dass ich das benutze

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

benutze ich das

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

Ich verstehe nicht, was in den Code eingefügt werden soll? es ist nur das --

@Kartoon @Don @awesomerobot

7

Hallo,

Es sollte so funktionieren: :arrow_down_small:

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

Aber ich habe jetzt eine schnelle Theme-Komponente dafür erstellt. :slightly_smiling_face:

Hier können Sie dies einfach einrichten.

groupname;color

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

7 „Gefällt mir“
8

Ich bin wahrscheinlich nicht der Richtige, um das zu fragen, da ich Dinge zum Laufen bringen kann, aber nicht unbedingt erklären kann, warum. Aber was ich gerade benutze und was gut funktioniert:

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

Tausche offensichtlich „Veeps“ gegen die Benutzergruppe aus, die du hast, so heißt meine nur.

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

Wie oben erwähnt, funktioniert das auch, ich habe es nur gegen das ausgetauscht, was ich hatte. Ich werde wahrscheinlich das Plugin installieren, das er gerade gepostet hat, um es auf jeden Fall bequemer zu machen.

1 „Gefällt mir“
9

Ich habe dasselbe Problem, ich weiß nicht, was falsch ist, beeindruckend, dass selbst mit dem kompetenten Thema oder dem Code die Namen der Mitglieder ihre Farbe nicht ändern, ich habe sogar das Cogido und das Komponententhema in einem rohen Thema ohne CSS oder Änderungen verwendet und es ändert nichts an den Farben des Titels.

Ich habe gerade etwas Interessantes bemerkt: Wenn ich jemanden in die Gruppe als Besitzer aufnehme, funktioniert der Änderungs-Code und die Farben der Namen der Mitglieder, die ich als Besitzer festgelegt habe, ändern sich, aber die Mitglieder, die keine Besitzer sind, ändern sich nicht.

@Kartoon @Don @xebiyen