Ja, das ist das Problem mit Tag-Gruppen.
Ja, ich habe mir das gerade angesehen und es scheint eine relativ einfache Lösung zu sein: Der Kern muss den Tag-Renderer im Filter-Dropdown verwenden (das würde mit dem Tag-Picker im Composer übereinstimmen). Ich werde mich in Kürze darum kümmern.
Ich habe gerade bemerkt, dass der Kategorien-Renderer auch im Dropdown ersetzt wird, das angezeigt wird, wenn man im Composer #mentioning verwendet. Dabei wird das Kategorien-Symbol aus dem Theme-Komponenten angezeigt. Der Tag-Renderer zeigt jedoch an anderer Stelle einen anderen Renderer mit einem Tag-Symbol neben dem Tag-Namen:
@pmusaraj, denkst du, es wäre möglich, diesen Renderer so anzupassen, dass er denselben verwendet, der durch das Theme-Komponenten ersetzt wurde?
Vielen Dank.
Ich denke, eine Standardisierung davon wäre sinnvoll, ja. Hast du Lust, einen PR dafür zu erstellen, @renato?
(FYI, es gibt bereits einen PR für das Filter-Dropdown, der wahrscheinlich irgendwann nächste Woche gemerged wird.)
Ich habe begonnen, diese Komponente zu verwenden, um Benutzer visuell zu warnen, wenn das Anwenden eines Tags eine Chat-Integration auslöst. [Adding a confirmation to particular tag groups and @mentions]
Wäre es möglich, den Tag-Text optional direkt über diese Komponente einzufärben? Ich habe eine manuelle Option im Forum gesehen hier. Vielen Dank für die großartige Komponente!
edit: Es wäre auch nützlich, mehrere Icons zu einem Tag hinzuzufügen. Danke für die Berücksichtigung!
Das lässt sich mit SCSS in deinem Theme umsetzen. Wir haben keine Pläne, diese Funktionalität in die Komponente aufzunehmen.
Ebenso bestehen keine Pläne, mehrere Icons pro Tag zuzulassen.
Hey @pmusaraj,
Gibt es bereits einen Workaround, um pro Tag-Gruppe ein Fallback-Icon festzulegen?
Ist es möglich, die Icons für alle Tags zu ändern? Statt Aufzählungspunkten etwas anderes? Wenn ich das richtig verstanden habe, dient diese Komponente nur für aufgelistete Tags.
Antwort gefunden:
.discourse-tags .bullet:before {
background: transparent;
content: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;" viewBox="0 0 467 856.25" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd"><defs><style type="text/css">.fil0 {fill:black}</style></defs><g><path class="fil0" d="M234 0c129,0 233,105 233,234 0,64 -26,122 -68,165l-165 286 -166 -286c-42,-43 -68,-101 -68,-165 0,-129 105,-234 234,-234zm0 125c50,0 90,40 90,90 0,50 -40,91 -90,91 -50,0 -91,-41 -91,-91 0,-50 41,-90 91,-90z"/></g></svg>');
vertical-align:baseline;
}
SVG-Icon-Bilder können kostenlos von Seiten wie https://thenounproject.com/ heruntergeladen werden.
Wenn du Aufzählungs-Tags verwendest und
hier ist meine Lösung für die Tags books und science-fiction:
Ergebnis:
Tag icons (diese Komponente)
Tag Icons synchron gehalten werden mussDafür erstellen wir eine neue Theme-Komponente: Tag Icons extra.
Im Abschnitt Common/CSS:
@mixin updateBulletTag ($col) {
&.bullet {
color: $col !important;
}
&.bullet::before {
content: none !important;
}
}
REPLACEMETAG durch den Tag-Namen und REPLACEMECOLOR durch dieselbe Farbe wie das Symbol:[data-tag-name="REPLACEMETAG"] {
@include updateBulletTag(REPLACEMECOLOR);
}
Fehlerbericht: Im Tag-Auswahlbereich eines Beitrags sind die Icons nicht farbig:
Hier sollten die Icons die gleiche Farbe wie der Text haben (der Text hat mein eigenes benutzerdefiniertes CSS):
Meine Konfiguration:
@pmusaraj Ich habe vor etwa zwei Wochen rund 50 Tags mit Icons versehen. Wenn ich jetzt meine Tag-Liste überprüfe, fehlen bei fünf davon die Icons. Selbst wenn ich sie lösche und erneut eingebe, bringt das nichts. Ich könnte versuchen, alle 50 zu löschen und dann wieder neu einzugeben, um zu sehen, ob das hilft, aber ich würde das gerne vermeiden, da das sehr mühsam ist.
Könntest du einen Screenshot deiner Einstellungen posten und die Tags markieren, deren Symbole nicht mehr funktionieren?
Hmm, es ist seltsam, dass die letzten fünf Einträge nicht funktionieren. Könntest du versuchen, einen Eintrag aus den letzten fünf mit einem darüber auszutauschen und zu sehen, was passiert? Es sieht so aus, als würde der Einstellwert irgendwann abgeschnitten werden…
Nur zur Info: Es waren nicht ursprünglich die letzten fünf, die plötzlich nicht mehr angezeigt wurden. Es waren fünf scheinbar zufällige Einträge. Ich habe sie gelöscht und erneut eingegeben, um zu prüfen, ob sie angezeigt werden (was nicht der Fall war). Daher scheint es, als würden nur die letzten paar nicht erscheinen.
Das gesagt, habe ich den Tag „proof-verification
Gibt es eine Möglichkeit, diese Farbvariablen für die Tag-Symbolfarben zu verwenden?
Du kannst jede Farbe für die Tag-Symbole verwenden.
Oder was meinst du damit?
Gute Frage, ja, es sieht so aus, als könntest du CSS-Eigeneigenschaften verwenden. Das hat bei mir funktioniert:
Ah, mein Fehler. Ich habe meinen Fehler gerade gefunden, und es funktioniert einwandfrei.
Toll, dass das möglich ist!
Gibt es eine Möglichkeit, ein PNG für das Icon zu verwenden? Ich habe alle meine Bilder als PNG-Dateien, und die Konvertierung in SVG ruiniert sie einfach. Außerdem funktionieren die Icons nach der Konvertierung trotzdem nicht.
Ich habe über 400 Bilder, die ich konvertieren müsste. Da mir nicht einmal eine einzige Konvertierung gelingt, wäre es sehr praktisch, einfach die bereits vorhandenen PNGs nutzen zu können.
Diese Komponente ist nicht für die Verwendung mit PNGs gedacht. In Ihrem Fall können Sie wahrscheinlich einfach CSS verwenden.
