Rahmenfarbe der Kategorienfelder nach Update fehlerhaft

Hallo, ich konnte niemanden finden, der dies meldet, aber ich habe mehrere Themes überprüft und der Inline-CSS-Code für die Rahmenfarbe des Kategoriefelds scheint nach dem Update auf 3.1.0.beta4 defekt zu sein.

Das ist der Grund:
Screenshot 2023-06-07 at 13.03.12

Ich bin mir nicht sicher, warum sowohl die Farbe als auch die Variable (?) eingefügt werden.

Ich würde mich über jede Hilfe oder Idee freuen.

Ich glaube, @MarcP hat etwas Ähnliches im Thema des Theme Components Colorful Categories - #7 by MarcP erwähnt. Verwenden Sie diese Komponente auch?

2 „Gefällt mir“

Danke! Nein, ich habe versucht, das Material-Theme zu verwenden, aber auch mehrere andere zur Sicherheit. Leider war das Verhalten dasselbe. Passierte direkt nach dem Update. Alles andere scheint bisher in Ordnung zu sein.

Gute Punkte. Wenn ich jetzt darüber nachdenke, müssen Ränder in Core eine Rahmenfarbe haben. Es hat nichts mit der Komponente zu tun, da die Ränder auch dann alle grau sind, wenn die Komponente deaktiviert ist.

1 „Gefällt mir“

Ups. Ich habe die Frage falsch gelesen @JammyDodger, aber nein, ich habe diese Komponente nicht installiert.

2 „Gefällt mir“

Ich frage mich, ob es dafür eine clevere Lösung gibt? Das Einzige, woran ich denken kann, ist, einige der Zeichen in JS zu entfernen?

Dies war eine Discourse-Regression und hat nichts mit Themes oder Plugins zu tun. Wir werden bald eine Korrektur bereitstellen!

3 „Gefällt mir“

Danke! Nur zur Information, ich gehe davon aus, dass es keinen einfachen Zugriff auf Kategoriefarben über CSS gibt, richtig? Vielleicht über JS?

Wir haben kürzlich einige Änderungen vorgenommen, um den Zugriff auf Kategoriefarben in CSS zu erleichtern, indem wir sie als benutzerdefinierte Eigenschaften (CSS-Variablen) hinzugefügt haben.

Sie können diese in Ihrem Browser-Inspektor sehen:

Solange Sie die ID der Kategorie kennen, können Sie in CSS auf ihre Farbe zugreifen. Der einfachste Weg, die ID (Nummer) zu finden, ist ein Blick auf die Kategorie-URL, z. B. Support https://meta.discourse.org/c/support/6 — um die Farbe der Support-Kategorie zu verwenden, können Sie Folgendes tun:

.your-class-name {
  background: var(--category-6-color);
}

Diese Korrektur wurde zusammengeführt (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub). Nach dem Update von Discourse sollten die Farben zurückkehren.

2 „Gefällt mir“

Das ist großartig! Danke, dass Sie das tun. :slight_smile:

1 „Gefällt mir“

Das ist großartig. Ich schätze, für dieses Problem wäre der einzige Weg, die ID der Kategorie zu überprüfen und dann die richtige CSS-Variable mit JS anzuwenden.
Oder hast du eine andere Lösung im Sinn? Ich kann das gerne programmieren und hier teilen.

Diese Korrektur wurde zusammengeführt (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub). Nach dem Aktualisieren von Discourse sollten die Farben zurückkehren.

1 „Gefällt mir“

Das ging schnell!

In der Zwischenzeit habe ich gerade einen Workaround fertiggestellt :sweat_smile:
Ich lasse den Code zur Sicherheit unten stehen.

var categoryBoxes = document.getElementsByClassName('category-box');

for (var i = 0; i < categoryBoxes.length; i++) {
  var categoryBox = categoryBoxes[i];
var dataCategoryId = categoryBox.getAttribute('data-category-id');
categoryBox.style.border = '2px solid var(--category-' + dataCategoryId + '-color)';
}
1 „Gefällt mir“

Nur zur Überprüfung →

Gibt es eine Möglichkeit, über die Benutzeroberfläche zu aktualisieren? Ich glaube, meine Updates sind im Status „test-passed“.
Oder muss ich auf 3.1.0.beta5 warten?

Die meisten Websites sind standardmäßig auf tests-passed eingestellt, Sie können jederzeit über /admin/upgrade ein Update durchführen.

2 „Gefällt mir“

Ich kann nicht glauben, dass ich das nicht wusste. LOL

Danke wie immer!

Auf meiner Instanz ist dies auf der mobilen Version immer noch ein Problem, auf dem Desktop ist es in Ordnung :thinking:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.