Was bedeutet „icon
Das wäre tatsächlich eine großartige Verbesserung!
Ich glaube, ich habe ein Problem auf meinem Forum, da die Symbole als weiß festgelegt sind, während der Hintergrund auf der Kategorien-Seite ebenfalls weiß ist.
Könnte ich hier einen anderen Hintergrund erzwingen, da er für Unterkategorien verwendet wird?
Ich schaue mir den Code an und versuche, die folgenden beiden Probleme zu beheben, stecke aber beim zweiten fest.
Die Kategorie-Symbol-Liste wird in der Kategorienansicht nicht angewendet (mit „Untergruppenliste über Themen in dieser Kategorie anzeigen")
Ich habe dieses Problem gelöst, indem ich Zeile 112 in header.html ersetzt habe:
if(iconItem && !attrs.category.parent_category_id) {
mit:
if (iconItem) {
und den folgenden Code zu common.scss hinzugefügt habe:
.subcategory .category-icon-widget {
display: none;
}
Das Kategorie-Schlosssymbol neben der Kategorie wechselt nicht zum neuen SVG
Kategorienansicht:
Kategorieansicht (mit „Untergruppenliste über Themen in dieser Kategorie anzeigen"):
Ich denke, dies ist der relevante Code:
let classNames = "badge-category clear-badge";
if (restricted) {
classNames += " restricted";
}
...
html +=
`<span ${style} ` +
'data-drop-close="true" class="' +
classNames +
'"' +
(description ? 'title="' + escapeExpression(description) + '" ' : "") +
">";
Dies fügt der Klasse restricted zu einem <span> mit den Klassen badge-category clear-badge hinzu, was die Anzeige des Schlosssymbols für Untergruppen steuert. Ich kann jedoch nicht herausfinden, wie dies auch auf ein <div> mit der Klasse category-text-title angewendet werden kann, das die Anzeige des Schlosssymbols für die Kategorie steuert.
Gibt es eine Chance, dass dies in absehbarer Zeit möglich sein wird? Aus irgendeinem Grund werden in der Ansicht der Kategorienboxen weder der farbige Punkt noch das Schlosssymbol angezeigt, sodass dies möglicherweise außerhalb der Kontrolle dieser Komponente liegt…
Ich kann immer noch nicht herausfinden, was mit der Farbe nicht stimmt.
Kann mir jemand sagen, wo ich einen Fehler gemacht habe?
und das Ergebnis:
Bug @pmusaraj
Die Slugs (und Titel) von Unterkategorien müssen nur innerhalb ihrer übergeordneten Kategorie eindeutig sein.
Da die Slugs jedoch als Schlüssel verwendet werden, um das Icon in dieser Komponente zu finden,
wird das Icon auf beide Unterkategorien angewendet, wenn sie unter verschiedenen übergeordneten Kategorien denselben Slug haben.
Um ehrlich zu sein, denke ich, dass dies eigentlich ein Problem von Discourse ist, da Slugs über die gesamte Discourse-Instanz hinweg eindeutig sein sollten, was jedoch nicht der Fall ist.
Ist es überhaupt möglich, dies innerhalb der Komponente zu beheben?
Ich verstehe nicht, warum Kurznamen global eindeutig sein müssen, da sie, soweit ich weiß, nie einen globalen Geltungsbereich haben. Können Sie das erklären?
P.S. Ich habe Ihr neues Thema gesehen, in dem Sie die Frage stellen, warum sie nicht eindeutig sind.
Die Komponente Category Icons verwendet beispielsweise den Slug, um die Kategorie zu identifizieren, an die das Icon angehängt werden soll.
Wie kann ein Administrator oder Benutzer eine Unterkategorie eindeutig identifizieren? Müssen sie den Pfad parentcategory-subcategory verwenden (oder parent-child-grandchild, sobald diese Erweiterung veröffentlicht wird)? Das erscheint etwas umständlich.
Es ist wahrscheinlich möglich, dass die Komponente Unterkategorien mit demselben Slug unter verschiedenen Eltern dupliziert, aber dafür wäre eine Möglichkeit erforderlich, den Slug der Elternkategorie in den Einstellungen der Komponente zu übergeben. Meiner Meinung nach wäre dies nicht besonders elegant.
Könntest du versuchen, den Slug für eine der beiden Kategorien mit demselben Slug zu ändern? Gibt es einen Grund, warum du das nicht tun kannst (es muss nur der Slug geändert werden, nicht der Kategoriename)?
Ja, das scheint der richtige Weg zu sein, da Unter-Kategorie-Slugs in verschiedenen übergeordneten Kategorien nicht eindeutig sein müssen.
Das kann jedoch auch als Feature genutzt werden. Wenn Sie beispielsweise gruppenspezifische Kategorien haben, von denen viele Unter-Kategorien für Hilfe- und Ankündigungsforen enthalten, können Sie mit nur zwei Einträgen leicht ein gemeinsames Hilfe-Symbol für alle Hilfe-Kategorien und ein gemeinsames Symbol für alle Ankündigungskategorien einrichten. Alle neuen Unter-Kategorien mit dem Hilfe-Tag übernehmen das Symbol automatisch.
Für unseren Anwendungsfall habe ich das noch einen Schritt weiterentwickelt und eine Option für eine partielle Übereinstimmung des Slugs eingeführt. Ein Eintrag wie “help,question-mark,#000080,false” würde dann auch “sw-help”, “help-forum” und “helpdesk” abdecken.
Der zusätzliche Eintrag “false” am Ende gibt an, dass keine exakte Übereinstimmung erforderlich ist.
Zusätzlich habe ich die Möglichkeit hinzugefügt, die Farbe als “catcol” anzugeben. In diesem Fall übernimmt das Symbol die Kategoriefarbe anstelle einer separat angegebenen Farbe.
Zwei Vorschläge für eine Aktualisierung für Sie.
[quote=“rogerco, Beitrag: 57, Thema: 104683”]
Für unseren Anwendungsfall habe ich dies noch einen Schritt weiterentwickelt und tatsächlich eine Option für eine Teilübereinstimmung beim Slug implementiert. So würde ein Eintrag „help,question-mark,#000080,false
Allow slug partial-match option by rogercreagh · Pull Request #5 · discourse/discourse-category-icons · GitHub wurde zusammengeführt, danke @rogerco!
Ich bin bei der Option für die Kategorienfarbe auf ein kleines Problem gestoßen, wenn die Einstellungen Kugeln oder Kästchen statt Balken verwenden. Ich habe sie nur für die Balken-Option in den Einstellungen erstellt, und bei den anderen Optionen wird sie standardmäßig grau angezeigt. Das lässt sich meiner Meinung nach weitgehend mit CSS beheben, aber ich habe es noch nicht geschafft. Ich werde es aber schaffen!
Vielen Dank für dieses großartige Theme, @pmusaraj! ![]()
Ich würde gerne das KOMMENTARE-Symbol verwenden, bin aber nicht besonders angetan von der festen Version. Wenn ich comments verwende, erhalte ich die feste Version. Die feste Version wird typischerweise als „fas fa-comments
Ich habe meinem Theme Folgendes hinzugefügt:
- $icons-sprite: icons8-chat.svg
Wie füge ich dies nun in die Theme-Einstellungen ein? Hier ist mein Versuch…
[quote=“jord8on, Beitrag: 61, Thema: 104683”]
Was ist, wenn ich die normale Version verwenden möchte, die typischerweise als „far fa-comments
Vielen Dank für die Hilfe dabei! Das Hinzufügen von far-comments zu beiden Bereichen hat perfekt funktioniert!
Könntest du dir bitte kurz diese andere Frage ansehen, die ich gestellt habe (als Antwort auf einen deiner anderen Kommentare in diesem Thema)…
Hallo, toller Theme-Component! Ich habe Probleme, Font Awesome oder Uploads mit dem „icons-sprite upload
Wenn ich die Seite auf deinem Profil anschaue, sehe ich Icons für Kategorien, also hast du das vielleicht schon gelöst? Falls nicht, denke ich basierend auf dem Screenshot oben, dass du sicherstellen musst, dass die SVG-Datei in icons-sprite eine SVG-Sprite-Datei ist (und kein einzelnes Icon). Weitere Details findest du unter Replace Discourse's default SVG icons with custom icons in a theme







