Gelöstes Themenabzeichen

Don · 12. Oktober 2023 um 08:22


	Zusammenfassung	Fügt Styling-Optionen für gelöste und ungelöste Themen hinzu.
	Repository	GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics.
	Installationsanleitung	So installieren Sie ein Theme oder eine Theme-Komponente
	Neu bei Discourse Themes?	Anfängerleitfaden zur Verwendung von Discourse Themes

Installieren Sie diese Theme-Komponente

Hallo

Diese Theme-Komponente fügt Styling-Optionen für gelöste und ungelöste Themen hinzu. Sie können benutzerdefinierte Abzeichen- und Hintergrundfarben festlegen.

Standardmäßig sieht es auf der Themenlistenseite so aus
Gestylt (vor dem Titel)

Mit Hintergrund

Inline

Gestylt (nach dem Titel)

Themen-Titel, Themen-Header
Gestylt
Screenshot 2023-10-11 at 23.40.35

Inline
Screenshot 2023-10-11 at 23.43.39

Es gibt eine Reihe von Einstellungen, mit denen Sie das Symbol, den Text und den Stil für gelöste und ungelöste Themen separat ändern können.

Globale Indikator-Einstellungen

Typ
– gestylt (Abzeichen)
– inline (es wird inline vor dem Titel platziert)

Platzierung (gestylt)
– vor-Titel
– nach-Titel

Randradius
– Abzeichen-Rundung

Einstellungen für gelöste Indikatoren

gelöster Indikator
– Es wird das Unicode-Zeichen verwendet, aber Sie können auch andere verwenden (z. B. Emoji). Es wird vor dem Label platziert.
…
…
…
Farbe des Randes für gelöste Themen
Das Abzeichen hat einen 1px transparenten Rand und diese Einstellung ermöglicht es Ihnen, eine Farbe dafür festzulegen.

Hintergrund für gelöste Themen aktivieren
Durch Aktivieren dieser Einstellung wird das darunter liegende Feld für den Hintergrund aktiviert, wo Sie die Hintergrundfarbe des Themenlisteneintrags festlegen können.

Einstellungen für ungelöste Indikatoren

Gleiche Einstellungen für den ungelösten Indikator darunter…

Wenn Sie den ungelösten Indikator aktivieren möchten, schalten Sie die Einstellung leerer Kasten bei ungelösten im Discourse Solved Plugin ein.

Zu tun:

– Versuchen Sie, es als Themenstatus zu verwenden (erscheint überall, wo der Themenstatus erscheint, und ermöglicht auch die Verwendung benutzerdefinierter Symbole)

Heliosurge · 13. Oktober 2023 um 04:02

Cooles Thema-Komponente. Das einzige kleine Problem ist, dass der Beitrag der Kategorie „Info“ ebenfalls als ungelöst markiert ist.

Don · 13. Oktober 2023 um 06:29

Hallo @Heliosurge

Danke
Technisch gesehen ist das about topic auch ein lösbares Thema. Wenn Sie die Einstellung leere Box bei ungelösten Themen im Discourse Solved Plugin aktiviert haben, erscheint die leere Box für die Themenliste about topic und auch im about topic. Um das Abzeichen für ungelöste Themen für ein bestimmtes Thema auszublenden, müssen Sie es schließen.

Heliosurge · 13. Oktober 2023 um 07:48

Großartig, danke! Wieder etwas Neues gelernt.

barto_95 · 3. November 2023 um 18:15

Danke für die Komponente…

Aber mit der Komponente
https://github.com/VaperinaDEV/discourse-solved-quote-

wird die Nachricht “gelöst” nicht grün angezeigt, die Komponente funktioniert nicht…

Ist es nicht möglich, 2 Komponenten zu haben, eine für das Thema und eine für die Nachricht, die funktionieren?

Don · 5. November 2023 um 06:50

Hallo @barto_95

Diese beiden Komponenten sollten korrekt zusammenarbeiten, aber die richtige Komponenten-URL lautet: GitHub - VaperinaDEV/discourse-solved-quote-customization

Don · 7. Februar 2025 um 08:38

Hallo Ich habe diese Theme-Komponente aktualisiert, damit sie mit der Glimmer-Themenliste funktioniert. Danke für den Bericht: Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

Arkshine · 21. April 2025 um 20:26

Die Legacy-Themenliste wurde diesen Monat eingestellt.
Der Code kann entfernt werden:

github.com/VaperinaDEV/solved-topic-badge

javascripts/discourse/initializers/solved-badge.js

main


      
                value.push("solvable");
              }
              return value;
            }
          );
          
          api.registerValueTransformer(
            "latest-topic-list-item-class",
            ({ value, context }) => {
              if (context.topic.get("can_have_answer")) {
                value.push("solvable");
              }
              if (context.topic.get("has_accepted_answer")) {
                value.push("status-solved");
              }
              return value;
            }
          );  
          
          api.onAppEvent("page:topic-loaded", (topic) => {

This file has been truncated. show original

Einen schnellen PR erstellt:

Don · 21. April 2025 um 22:11

Ups, Entschuldigung, ich habe vergessen, diese Komponente zu aktualisieren. Danke @Arkshine, ich habe sie zusammengeführt.
@ozkn, bitte aktualisiere die Komponente.

Monikas · 22. April 2025 um 03:02

Diese Komponente ist inkompatibel mit discourse-umbrella-groupswitchdisplay und kann nicht zusammen verwendet werden. Es ist ein Fehler aufgetreten, der die korrekte Funktion Ihrer Website beeinträchtigen kann.

Grund: Konflikt zwischen aktiven Themes/Komponenten.

Klicken Sie hier, um die Komponente zu aktualisieren, neu zu konfigurieren oder zu deaktivieren.

(Diese Nachricht ist nur für Website-Administratoren sichtbar.)

ozkn · 22. April 2025 um 07:19

Danke für das Update. Ich habe aktualisiert und es versucht, aber ich bekomme den gleichen Fehler. @Don

Don · 22. April 2025 um 07:24

Oh, ja, Entschuldigung, ich sehe es. Hier behoben: FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub Bitte aktualisieren Sie erneut.

ozkn · 22. April 2025 um 07:36

Danke, es funktioniert jetzt ohne Probleme.

Arkshine · 22. April 2025 um 12:03

Ups, Entschuldigung!

xkhalid · 14. Juli 2025 um 02:23

Hallo Leute,

nach dem Update auf die neueste Version:

3.5.0.beta8-dev (commit: 5eca6d826e)

ist bei mir eine visuelle Regression im Zusammenhang mit den Plugins Discourse Solved und Solved Topic Badge aufgetreten.

Problem:

Zuvor hatten gelöste Themen in der Themenliste einen grünen Hintergrund, und ungelöste Themen (auf Lösung wartend) erschienen mit einem roten Hintergrund.

Jetzt zeigen alle gelösten Themen keinen grünen Hintergrund mehr an, obwohl die Einstellung aktiviert ist.

Details:

Plugin: Discourse Solved + Solved Topic Badge
Einstellung enable solved topic background ist aktiviert
Dies funktionierte vor dem Update wie erwartet

Screenshot (nach dem Update):

Erwartet:

Gelöste Themen sollten den grünen Hintergrund für eine bessere visuelle Klarheit beibehalten.

Bitte lasst mich wissen, ob dies eine Regression ist oder ob neue CSS-Änderungen erforderlich sind, um dieses Verhalten wiederherzustellen.

Moin · 14. Juli 2025 um 06:09

Ich glaube, das passiert bei Themen, die Sie gelesen haben, aufgrund der Änderungen in
UX: Variable additions (#33473) · discourse/discourse@20f57ae · GitHub,
die eine separate Hintergrundfarbe für besuchte Themen hinzugefügt haben.

Sie könnten das wahrscheinlich mit Ihrem eigenen CSS beheben, bis die Theme-Komponente angepasst ist, aber ich kann das im Moment nicht überprüfen.

Probleme mit Komponenten, die nicht #offiziell sind, sollten generell im Thema gemeldet werden.

xkhalid · 14. Juli 2025 um 12:24

Danke, Moin!

Ich konnte es mit benutzerdefiniertem CSS beheben:

.topic-list-item.solved,
.topic-list-item.visited.solved,
.latest-topic-list-item.solved,
.latest-topic-list-item.visited.solved {
  background-color: var(--success-low) !important;
}

CC: @sam @j.jaffeux

jordan.vidrine · 14. Juli 2025 um 15:01

@Don aufgrund kürzlicher variabler Ergänzungen zum Kern müssen Sie Ihre Komponente möglicherweise ein wenig anpassen, damit die Hintergrundfarben funktionieren, auch wenn ein Thema besucht wurde.

Don · 14. Juli 2025 um 17:51

Hallo Danke für den Bericht! Hier ist das Update: UX: Adds background color for visited topic list items · VaperinaDEV/solved-topic-badge@1f87fe4 · GitHub

digitaldominica · 24. Juli 2025 um 21:59

Hallo @Don, mir ist aufgefallen, dass der farbige Hintergrund für abgemeldete Benutzer nicht angezeigt wird.
Und die Hintergrundfarbe für aside.quote.accepted-answer

nimmt nicht die Farbe des gelösten Abzeichens an. Gibt es eine Möglichkeit, dies anzupassen?

Thema		Antworten	Aufrufe
Add [SOLVED] to solved topic titles UX solved	4	508	12. Oktober 2023
Discourse Solved Quote Customization Theme component	2	1122	12. September 2023
Discourse Solved Plugin official , solved , included-in-core	39	87046	8. November 2025
Solved Button Plugin Feature rfc , spec	65	21232	18. Juni 2015
How do I customise the styling of "solved topics" in the main list? Support solved	12	3089	16. Oktober 2021

Gelöstes Themenabzeichen

Problem:

Details:

Screenshot (nach dem Update):

Erwartet:

Verwandte Themen