Hier ist der PR zur Unterstützung von Dark-Mode-Kategorie-Logos:
Das hat mich auch ein wenig gestört. Ein wenig benutzerdefiniertes CSS hilft:
// Lassen Sie den Link „Mehr lesen“ der Kategorieüberschriften die gleiche Farbe wie der Zusammenfassungstext verwenden
.category-about-url a {
color: inherit;
}
Mein verbleibender Wunsch für den “Mehr lesen”-Link: Zeigen Sie ihn nur an, wenn tatsächlich mehr Inhalt vorhanden ist. Ich habe einige lange und einige kurze Seiten in der Kategorie “Über uns” und ich würde lieber keinen Link zu keinem zusätzlichen Inhalt anbieten.
(Ich habe keine Ahnung, ob das machbar ist. Könnte viel von einem TC verlangt sein.)
Wenn die vollständige Kategoriebeschreibung angezeigt wird, tritt dies auch im Theme Creator und auf meiner Entwicklungsinstanz auf. Ich untersuche das. Ich vermute, dass es daran liegt, dass sich die Route ändert, aber die verfolgte Variable nicht.
UPDATE: Ich habe hier eine Funktion zum Erweitern/Zusammenklappen von Kategoriebeschreibungen hinzugefügt. @nathank Außerdem wurde der Fehler behoben in:
Mit einem kleinen Anstoß von Ask Discourse für die Verwendung von willDestroy mit dem Router-Service.
Wow, Nate!
55 Commits und ein PR an einem Abend… erstaunlich.
Ich werde auf einen Merge warten und freue mich darauf, es auszuprobieren!
Ein später Vormittag für mich, tatsächlich
. Ich werde prüfen, ob Ihr Vorschlag, zu prüfen, ob die Beschreibung noch weiteren Text enthält, möglich ist. Ich hatte selbst das Gefühl, dass ich das während meiner Tests brauche.
Das ist eine fantastische Ergänzung! ![]()
Nur ein kleiner Verbesserungsvorschlag: Es wäre vielleicht sinnvoll, ein Pfeil-Symbol in der oberen rechten Ecke oder am rechten Rand der Kategorieüberschrift hinzuzufügen, um den Benutzern die Expand/Collapse-Funktionalität anzuzeigen. Aber es ist ein guter Anfang, und vorerst erledigt ein Emoji im Linktext
als Indikator die Aufgabe:
PR wurde zusammengeführt
!
Verstanden
. Ich werde es mir ansehen.
Nate, die Mehr lesen/weniger lesen-Funktionalität ist ausgezeichnet, danke!
Wenn es eine Möglichkeit gibt, diesen Link an mehr vorhandenen Text zu binden, wäre das großartig – aber ich könnte auch einfach längere Beschreibungen schreiben ![]()
Ich sehe ein paar Probleme, die du vielleicht noch nicht bemerkt hast:
- Kategorie- und Tag-Links rendern ihre SVG-Icons nicht
- Das Kategoriebild wird nicht angezeigt, sodass ich das Standard-Website-Icon erhalte
Eine Kleinigkeit, die ich bereits umgehen konnte: Links im Text “Über uns” haben nicht die Textfarbe übernommen, wie der oben erwähnte Mehr lesen-Link earlier. Dieses CSS formatiert die Textlinks, ohne Kategorie- und Tag-Links zu beeinträchtigen:
// Textlink-Styling, um Kategorie- und Tag-Links auszuschließen
.category-title-header .category-title-description
a:not([data-type="tag"], [data-type="category"]) {
color: inherit;
text-decoration: underline;
}
(Screenshots)


Ich bin wirklich beeindruckt von den Updates und hoffe, dass meine SVG- und Icon-Probleme nur eine einfache Lösung erfordern.
Interessant. Wissen Sie, ob das schon vorher so war?
Ich schaue es mir an. Das ist mir auch schon passiert. Versuchen Sie in der Zwischenzeit, die Einstellung Show site logo zu deaktivieren, das scheint das Problem zu beheben.
Danke. War das vorher der Fall und es hat sich etwas geändert?
Versuchen Sie in der Zwischenzeit, die Einstellung
show site logozu deaktivieren. Das scheint das Problem zu beheben.
Das funktioniert - danke! Ich hätte mehr Einstellungen ausprobieren sollen.
Was die SVG-Link-Icons und die Textlinkfarben betrifft, kann ich nicht sagen, was sie vorher getan haben könnten – ich hatte nie Links im kurzen Zusammenfassungsbereich des About-Textes, aber jetzt gibt es einige im erweiterten ‘read more’.
(Ich habe diesen Linkfarben-CSS geteilt, falls er für Sie oder jemand anderen hilfreich ist, aber ich weiß, dass solche Stil-Anpassungen nicht unbedingt die Verantwortung der Komponente sind.)
Nate, irgendwelche Gedanken zu dem Problem mit den Platzhalter-Kategorie-/Link-SVG-Icons?
![]()
Ich weiß nicht, ob es Unterschiede gibt, wie sie im Header im Vergleich zum Thema codiert werden müssen, aber was ausgegeben wird, ist ziemlich unterschiedlich:
Kategorie-Link-Vergleich
Kategorie-Link im Header:
![]()
<a class="hashtag-cooked" href="/c/wild-speculations/5" data-type="category" data-slug="wild-speculations" data-id="5" data-style-type="square">
<span class="hashtag-icon-placeholder">
<svg class="fa d-icon d-icon-square-full svg-icon svg-node">
<use href="#square-full"></use>
</svg>
</span>
<span>Wild Speculations</span>
</a>
Kategorie-Link im Thema:
![]()
<a class="hashtag-cooked" href="/c/wild-speculations/5" data-type="category" data-slug="wild-speculations" data-id="5" data-style-type="square" aria-label="Wild Speculations">
<span class="hashtag-category-square hashtag-color--category-5"></span>
<span>Wild Speculations</span>
</a>
und
Tag-Link-Vergleich
Tag-Link im Header:
![]()
<a class="hashtag-cooked" href="/tag/ai" data-type="tag" data-slug="ai" data-id="5" data-style-type="icon" data-icon="tag">
<span class="hashtag-icon-placeholder">
<svg class="fa d-icon d-icon-square-full svg-icon svg-node">
<use href="#square-full"></use>
</svg>
</span>
<span>ai</span>
</a>
Tag-Link im Thema:
![]()
<a class="hashtag-cooked" href="/tag/ai" data-type="tag" data-slug="ai" data-id="5" data-style-type="icon" data-icon="tag" aria-label="ai">
<svg class="fa d-icon d-icon-tag svg-icon hashtag-color--tag-5 svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<use href="#tag"></use>
</svg>
<span>ai</span>
</a>
Ich war in den letzten Tagen beschäftigt (werde mich morgen darum kümmern). Ich vermute, dass dies in der Kategorienbeschreibung enthalten ist. Wenn Sie die vollständige Beschreibung verwenden, tritt das Problem dann immer noch auf?
Ich weiß es zu schätzen, dass Sie sich freiwillig melden, und ich will Sie nicht bedrängen. Ich habe es mir angesehen, um zu sehen, ob es etwas gibt, das ich selbst lösen kann. (Das gibt es nicht.
)
Aber ja, es passiert immer noch, wenn Vollständige Kategoriebeschreibung anzeigen aktiv ist.
Ich werde versuchen zu sehen, ob ich etwas tun kann. Die letzte Möglichkeit ist, eine Logik zu verwenden (die kompliziert sein kann), um sie basierend auf Farben anzupassen (was möglicherweise keine Icons berücksichtigt). Ich bin offen für Vorschläge, wenn jemand eine bessere Methode hat.
@ToddZ Wenn Sie sich dieses Beispiel der offiziellen Komponente Category Banners ansehen (die meiner Meinung nach Meta verwendet), hat es auch dieses Problem.
Ich verstehe…! Und jemand erwähnt das Problem:
Ich habe Category Banners installiert, um zu überprüfen, ob Kategorie-Icons funktionieren – aber das taten sie nicht. Sowohl Kategorie- als auch Tag-Icons erhalten den Platzhalter, genau wie bei Category Headers. Und das ist unabhängig von der in den Einstellungen gewählten Ausgabe.
Wenn es eine Möglichkeit gibt, sie einfach normal verarbeiten zu lassen, wäre das großartig, aber ich möchte nicht, dass Sie auf eine komplexe Umgehungslösung zurückgreifen.
Ich habe gerade die Kompatibilität mit dem Horizon-Theme getestet. Alles in allem funktioniert es im Grunde, aber das einzige Problem ist, dass der Plugin-Outlet, der derzeit vom Kategorie-Header-Theme-Komponenten verwendet wird, im Horizon-Theme innerhalb des list-controls-Containers liegt. Daher bleibt der gesamte Kategorie-Header fixiert.
Der vorgeschlagene Lösungsweg ist, den Plugin-Outlet zu ändern oder eine Option hinzuzufügen, um einen anderen Plugin-Outlet außerhalb des list-controls-Containers zu wählen, z. B. den discovery-list-controls-above-Outlet.
Ich kann einen PR erstellen, wenn Sie möchten, @NateDhaliwal
Interessant. Danke, dass Sie das zur Sprache gebracht haben! Ich werde dem nachgehen.

