Themenliste: Autoren & Poster

[Lilly (Lillian)]

	Zusammenfassung	Fügt den Themenautor in die linke Spalte der Themenlisten-Seiten ein und bietet zudem die Option, in der Standard-Spalte für Postende nur den neuesten Beitragenden anzuzeigen. Die Größe und Form des Autoren-Avatars können ebenfalls angepasst werden.
	Vorschau	https://discourse.theme-creator.io/theme/Lilly/discourse-topic-list-author-posters
	Repository	https://github.com/Lillinator/topic-list-author-posters
	Installationsanleitung	So installieren Sie ein Theme oder Theme-Komponente

Dieses Theme-Komponente installieren

Übersicht

Diese Discourse-Theme-Komponente fügt das Avatar des Themenautors in die erste Spalte aller Themenlisten-Routen ein und bietet Einstellungen, mit denen Administratoren die Form und Größe des Avatars festlegen können. Außerdem wird das Avatar des Autors nicht als erstes Avatar in der Liste der Postenden angezeigt.

Es gibt zudem eine Einstellung, um in der Spalte für Postende nur den neuesten (jüngsten) Beitragenden anzuzeigen, jedoch nur, wenn es mehr als einen Teilnehmer im Thema gibt. Somit wird das Avatar des Autors nur angezeigt, wenn es andere Postende im Thema gibt.

Darüber hinaus können Administratoren auch wählen, den Themenautor auf der Kategorien-Seite anzuzeigen, wenn die Ansicht „Neueste Themen“ aktiviert ist (d. h. Kategorien mit neuesten Themen), und es gibt ebenfalls Optionen für die Avatar-Größe und -Form.

Es gibt zudem eine Umschaltmöglichkeit, um die Zeileninhalte vertikal oben oder in der Mitte auszurichten.

Auf kleinen Viewports (Mobilgröße) erscheint der Autor dort, wo normalerweise das Avatar des neuesten Postenden steht.

Diese Komponente funktioniert gut mit Themenlisten-Auszügen und Discourse AI-Zusammenfassungsgists.

Einstellungen

Screenshot der Einstellungen mit Standardoptionen auf der Komponente-Admin-Seite

Einstellungen	Beschreibung
Größe des Autoren-Avatars in der Themenliste	Größe der Avatars in der Autoren-Avatar-Spalte der Themenlisten-Seiten-Routen – klein, mittel oder groß.
Eckenradius des Autoren-Avatars in der Themenliste	Abrundung der Avatars auf den Themenlisten-Seiten-Routen: 0% = quadratisch → 50% = rund. tab_style = abgerundete linke Ecken
Nur letzten Postenden in Themenliste anzeigen	Zeigt nur das Avatar des letzten Postenden in der Postenden-Spalte, aber nur, wenn es mehr als einen Teilnehmer im Thema gibt.
Vertikale Ausrichtung der Zeile oben	Umschalter zum Ausrichten der Zeilen oben oder in der Mitte
Autor auf Kategorien-Seite anzeigen	Zeigt das Avatar des Autors anstelle des neuesten Postenden in den Themenlisten auf der Kategorien-Seite.
Größe des Avatars in der Themenliste der Kategorien-Seite	Größe der Avatars in der Autoren-Avatar-Spalte in den Themenlisten der Kategorien-Seite – klein, mittel oder groß.
Eckenradius des Avatars auf der Kategorien-Seite	Abrundung der Avatars auf der Kategorien-Seite: 0% = quadratisch → 50% = rund. tab_style = abgerundete linke Ecken

Screenshots

Hier sind einige Screenshots mit verschiedenen Einstellungen für Avatar-Größe und -Form, auch in Kombination mit erweiterten AI-Zusammenfassungsgists.

Screenshots verschiedener Themenlisten-Seiten mit unterschiedlichen aktivierten Komponenteneinstellungen, die sowohl kompakte als auch erweiterte Gists-Modi sowie erweiterte/kollabierte Seitenleisten zeigen

Mit Standardeinstellungen:

Großes tab_style-Avatar mit erweiterten Zusammenfassungsgists:

Kleine Avatars mit 15% Eckenradius und aktiviertem Topic_list_show_last_poster_only:

Mittelgroße Avatars mit 0% Eckenradius (quadratisch) und aktiviertem Topic_list_show_last_poster_only, sowie erweiterten Zusammenfassungsgists:

Screenshots der Kategorien-Seite, die 2 verschiedene Größen und Formen von Avatars mit Autor oder letztem Postenden zeigen.

Standardkomponenteneinstellungen, mit mittelgroßen runden Avatars und aktiviertem Show_author_on_categories_page:

Große tab_style-Avatars und deaktiviertem Show_author_on_categories_page:

Screenshot der mobiloptimierten Ansicht

Mit tab_style-Autoren-Avatars:

---

Hinweise

• Fügt das Avatar des Autors ein und ändert die Postenden-Spalte, wie erwartet, in den Profil-Seiten-Registerkarten.
• Das Verhalten auf Mobilgeräten ist das gleiche wie standardmäßig in den Themen-Footer-Listen (vorgeschlagene/verwandte Themen) sowie in den Profil- und Posteingangs-Registerkarten.
• Nicht wirklich kompatibel mit dem Horizon-Theme.

---

Mögliche zukünftige Aufgaben

• Deaktivierungsumschalter für Mobilgeräte hinzufügen?
• Kategorien- und Tag-Ausnahmen?
• Unterstützung für Links-nach-Rechts-Sprachen?
  | Vertikale Ausrichtung der Zeile oben | Umschalter zum Ausrichten der Zeilen oben oder in der Mitte |
  |Autor auf Kategorien-Seite anzeigen | Zeigt das Avatar des Autors anstelle des neuesten Postenden in den Themenlisten auf der Kategorien-Seite.|
  |Größe des Avatars in der Themenliste der Kategorien-Seite | Größe der Avatars in der Autoren-Avatar-Spalte in den Themenlisten der Kategorien-Seite – klein, mittel oder groß.|
  |Eckenradius des Avatars auf der Kategorien-Seite | Abrundung der Avatars auf der Kategorien-Seite: 0% = quadratisch → 50% = rund. tab_style = abgerundete linke Ecken|

Screenshots

Hier sind einige Screenshots mit verschiedenen Einstellungen für Avatar-Größe und -Form, auch in Kombination mit erweiterten AI-Zusammenfassungsgists.

Screenshots verschiedener Themenlisten-Seiten mit unterschiedlichen aktivierten Komponenteneinstellungen, die sowohl kompakte als auch erweiterte Gists-Modi sowie erweiterte/kollabierte Seitenleisten zeigen

Mit Standardeinstellungen:

Großes tab_style-Avatar mit erweiterten Zusammenfassungsgists:

Kleine Avatars mit 15% Eckenradius und aktiviertem Topic_list_show_last_poster_only:

Mittelgroße Avatars mit 0% Eckenradius (quadratisch) und aktiviertem Topic_list_show_last_poster_only, sowie erweiterten Zusammenfassungsgists:

Screenshots der Kategorien-Seite, die 2 verschiedene Größen und Formen von Avatars mit Autor oder letztem Postenden zeigen.

Standardkomponenteneinstellungen, mit mittelgroßen runden Avatars und aktiviertem Show_author_on_categories_page:

Große tab_style-Avatars und deaktiviertem Show_author_on_categories_page:

Screenshot der mobiloptimierten Ansicht

Mit tab_style-Autoren-Avatars:

---

Hinweise

• Fügt das Avatar des Autors ein und ändert die Postenden-Spalte, wie erwartet, in den Profil-Seiten-Registerkarten.
• Das Verhalten auf Mobilgeräten ist das gleiche wie standardmäßig in den Themen-Footer-Listen (vorgeschlagene/verwandte Themen) sowie in den Profil- und Posteingangs-Registerkarten.
• Nicht wirklich kompatibel mit dem Horizon-Theme.

---

Mögliche zukünftige Aufgaben

• Deaktivierungsumschalter für Mobilgeräte hinzufügen?
• Kategorien- und Tag-Ausnahmen?
• Unterstützung für Links-nach-Rechts-Sprachen?
• Form der Postenden-Avatars?

Wie immer, vielen Dank an @Moin für die Idee, das Feedback und die Hilfe beim Debugging.

---

Schauen Sie sich meine anderen Discourse-Beiträge an

[jordanjay29]

Vielen Dank für die Erstellung, es hat sofort ein potenzielles Problem für mich gelöst!

@Lilly

Weitere Styling-Verbesserungen

Vielleicht ist dies bereits geplant, ich wollte nur erwähnen, dass mir aufgefallen ist, dass der Abstand und die Ausrichtung der Poster-Avatar-Spalte auf der linken Seite eine seltsame Einrückung aufweisen (die auf Mobilgeräten nicht vorhanden ist, wenn die Komponente deaktiviert ist, zum Vergleich). Dies sieht so aus, als ob das text-align-Attribut von td.posters auch das Bild beeinflusst.
Die Ausrichtung der Poster-Avatar-Liste ändert sich ebenfalls, wenn sie aktiviert ist, und dies sieht so aus, als ob die Ausrichtung von td.topic-list-data die Standardeinstellung überschreibt. Es ist einfach genug, Änderungen am Stylesheet auf meiner Seite vorzunehmen, wenn Sie mit diesen ansonsten zufrieden sind.

Fantastische Komponente, nochmals vielen Dank.

[Lilly (Lillian)]

Danke für den Bericht, ich habe gerade einen Fix gepusht. Aktualisieren Sie die Komponente und lassen Sie mich wissen, ob das hilft.

[jordanjay29]

Die Avatar-Linksbündelung ist auf dem Desktop besser. Ich habe dieses CSS hinzugefügt, um die Spalte des mittleren Posters meinen Präferenzen anzupassen:

td.posters.topic-list-data {
    vertical-align: middle !important;
}

Ich denke, Ihre zukünftige Deaktivierung für Mobilgeräte wird auch helfen, da das Styling etwas mehr Leerraum verwendet als nötig.

[Lilly (Lillian)]

[quote=“jordanjay29, post:4, topic:394364”]Die Avatar-Linksbündelung ist auf dem Desktop besser. Ich habe diesen CSS-Code hinzugefügt, um die Spalte des mittleren Posters nach meinen Wünschen anzupassen:

[/quote]
Die vertikale Ausrichtung oben ist beabsichtigt, um konsistent mit dem Rest der Themenkarte zu sein, und wird nicht geändert.
Ich habe keine Änderungen für Mobilgeräte vorgenommen, aber ich werde es mir ansehen.

[jordanjay29]

Die vertikale Ausrichtung wurde möglicherweise zu breit in Ihrem CSS angewendet und muss wahrscheinlich nur auf die custom-author-column abzielen, wo Sie td.topic-list-data verwenden. Ich vermute, dass die Änderung des Ziels auf td.custom-author-column.topic-list-data das Problem beheben und die Notwendigkeit benutzerdefinierter Formatierung auf meiner Seite beseitigen wird.

[Lilly (Lillian)]

Nein, ich beabsichtigte, dass die Spalte „Poster“ zusammen mit allen anderen Zeilenelementen oben vertikal ausgerichtet wird. Sie wirkt mittig ausgerichtet deplatziert (besonders wenn man Auszüge oder KI-Gists aktiviert), aber ich nehme an, es ist Geschmackssache, also können Sie es nach Belieben anpassen.

Ich habe eine kleine Änderung für Mobilgeräte eingespielt.

[jordanjay29]

Da mein Forum keine Auszüge, Gists oder KI-Zusammenfassungen verwendet, wird das Standard-Discourse-Aussehen bevorzugt. Diese Änderung scheint mir eher in eine dedizierte Theme-Komponente zu gehören, aber wir sind uns uneinig, und ich habe es auf meiner Seite behoben, also keine böse Überraschung.

Mobil sieht etwas besser aus, danke!

[Lilly (Lillian)]

@jordanjay29 nach weiterem Nachdenken habe ich mich entschieden, einen Ausrichtungsumschalter hinzuzufügen (ganz einfach).

Hier, bitte schön

Es gibt eine neue Einstellung Vertikale Ausrichtung der Zeile oben, die Sie deaktivieren können, um die Standardeinstellung in der Mitte zu erhalten. Lassen Sie mich wissen, ob das für Sie funktioniert.