Farbige Tag-Stile

[manuel (Manuel Kostka)]

|||
|-|-|-|
| | Zusammenfassung | Weisen Sie Tags einer Reihe vordefinierter Farbstile zu |
| |Repository| Manuel Kostka / Discourse / Helpers / Tag Styles · GitLab |
| |Installationsanleitung|So installieren Sie ein Theme oder eine Theme-Komponente|
| |Neu bei Discourse Themes?| Anfängerleitfaden zur Verwendung von Discourse Themes

Theme-Einstellungen

Sie können für jede Farbe Tags aus einer Dropdown-Liste auswählen.

Seiteneinstellungen

Die Komponente soll mit dem Tag-Stil box funktionieren. Für die Stile simple oder bullet müssten Sie einige benutzerdefinierte Deklarationen hinzufügen, um Tags anzupassen.

Farben anpassen

Ich habe eine einfache Benutzeroberfläche gegenüber Flexibilität bei den Stilen gewählt. Wenn Sie also die vordefinierten Farben ändern möchten, müssten Sie die Komponente forken und die Stil-Deklarationen in ihrer CSS-Datei ändern.

[Fma965]

Gute Arbeit, das funktioniert nur, wenn der Tag-Stil auf BOX gesetzt ist

Wenn .box entfernt wird, funktioniert es auf simple, aber ich bin mir nicht sicher, ob es Box kaputt macht oder nicht

[tmn (Tran Nhat)]

Einfach, aber funktioniert perfekt. Danke.

[sunjam (james.network)]

• Wäre es möglich, Farben für Tag-Gruppen statt für einzelne Tags zuzuweisen?
• Wäre es möglich, die verfügbaren Farben anzupassen, um farbenblindenfreundliche Hex-Werte zu befolgen?

[manuel (Manuel Kostka)]

Vielen Dank für die Vorschläge!

Beim Anvisieren von Tag-Gruppen: Derzeit haben Tags nur ein Datenattribut für ihren Namen, und darauf zielt die Komponente ab. Ich hatte vor einiger Zeit eine Feature-Anfrage zum Hinzufügen eines weiteren Attributs für ihre Gruppe gepostet, Sie können ihr ein “Gefällt mir” geben

Add a data-tag-group attribute for tags

Right now tags have their name stored in the data attribute data-tag-name: [Screenshot from 2022-07-29 15-50-16] Could there also be an attribute data-tag-group? It would make it easy to style and distinguish tags from different groups on the ux. A use-case where I find this especially helpful is on setups that only use tags. Then you likely have some top-level tags and it makes navigation more intuitive when tags from that group stand out with a distinct look. I saw there was a request years…

Beim Anpassen von Farben: Derzeit müssten Sie die Komponente forken und andere Farbwerte fest codieren. Wenn Dropdown-Menüs (zum Auswählen von Tags) in den Popup-Editoren verfügbar wären, würde ich die Komponente wahrscheinlich mit anpassbareren Einstellungen refaktorieren.

[45thj5ej]

EDIT: Nie, ich habe einfach vergessen, die andere „settings.yml“-Datei zu speichern, lol. Mein Gehirn ist überhitzt.

Hallo. Wenn ich den Code von der Farbe Gelb auf Lila ändere, erhalte ich diesen Fehler. Ich habe einfach jede Erwähnung von „gelb“ durch „lila“ ersetzt und den Hex-Farbwert angepasst. Warum?

  $tags-purple: str-to-list(\"#{$purple}\", \"|\");
  @each $tag in $tags-purple {
    .discourse-tag[data-tag-name=\"#{$tag}\"] {
      color: #CCCCCC !important;
      background-color: #ae00d1;
      &:hover {
        color: #CCCCCC;
        background-color: #ae00d1;
      }
    }
  }

Die erste Zeile hier ist Zeile 8, die der Fehler erwähnt.

[ogulcan1787]

Hallo, danke für die Komponente.
Funktioniert nicht mit GitHub - discourse/discourse-remove-dashes-from-tag-names: Remove dashes (-) from tag names in the Topic List and on the Topic page.

Vielleicht können Sie ein Update bringen?

Es funktioniert, wenn es ein einzeiliges Tag gibt, aber es funktioniert nicht, wenn es eine doppelte Zeile gibt.

Wie einzeiliges Tag: support
Doppelte Zeile: support-me

[thaidb]

Können wir für alle Tags in Group Tag eine Farbe auswählen?
Und nicht meine Diskussion beeinflussen!

@ogulcan1787

Funktioniert nicht mit GitHub - discourse/discourse-remove-dashes-from-tag-names: Entfernt Bindestriche (-) aus Tag-Namen in der Topic-Liste und auf der Topic-Seite.

Ich auch

[Av8tion]

Hallo, diese Komponente funktioniert nicht mit meiner Instanz. Ich habe die Tags hinzugefügt, um sicherzustellen, dass die Farben im Admin-Menü der Komponente angezeigt werden, aber sie sind immer noch alle grau. Ich habe den Code der Komponente überhaupt nicht angepasst und versuche nur, sie wie vorgesehen zu verwenden. Bilder unten als Beispiel:

[manuel (Manuel Kostka)]

Ich kann das leider nicht reproduzieren. Bei mir funktioniert es unter 3.5.

Auf jeden Fall habe ich eine aktualisierte Komponente in einem neuen Repo auf GitLab veröffentlicht. Keine funktionalen Änderungen, nur etwas Aufräumen und Refactoring. Das alte GitHub-Repo sollte immer noch funktionieren, aber wenn Sie neu installieren, verwenden Sie bitte das neue Repo, es ist auch im Summary-Topic aufgeführt.

[Av8tion]

Ja, die neue Version der Komponente, die du verlinkt hast, funktioniert bei mir auch nicht … die Kästen sind immer noch alle grau

[manuel (Manuel Kostka)]

Ja, es gibt keine funktionale Änderung. Aber die Komponente funktioniert mit einer neuen Standardinstanz. Haben Sie die Elemente inspiziert?

[Av8tion]

Ich bin leider kein Coding-Experte … wenn eine Komponente nicht Plug-and-Play funktioniert, bin ich ziemlich am Arsch. Ich werde mich nach anderen Optionen umsehen müssen, um so etwas zum Laufen zu bringen.

[Ahmed26]

Alle Einstellungen korrekt vorgenommen, Beschriftungen immer noch ausgegraut

[manuel (Manuel Kostka)]

Danke für die Berichte, ich glaube, ich habe das Problem gefunden. Tags sind jetzt case-sensitive, aber data-tag-name muss als Kleinwert geparst werden. Daher wurden keine Stile auf Großbuchstaben-Tags angewendet.

Lasst mich wissen, ob es nach dem Aktualisieren der Komponente funktioniert @Ahmed26 @Av8tion

[Ahmed26]

funktioniert jetzt sehr gut, danke

[Av8tion]

Großartige Arbeit und ausgezeichneter Fund! Vielen Dank für die harte Arbeit, damit diese für uns funktionieren!