Sie können eine neue Komponente erstellen und diese zu Ihrem Theme hinzufügen
2 „Gefällt mir“
Hallo Leute
Ich habe den TC geforkt und ein wenig herumgespielt, um ein paar weitere Funktionen hinzuzufügen:
- Platzhalter, wenn kein Thumbnail vorhanden ist
- Wahl zwischen Raster- und Listenansicht für Desktop/Mobilgerät
- Granularere Dimensionskontrolle
- Granularere Kontrolle über den Radius der Ränder
Details finden Sie im Repository: GitHub - jrgong420/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available.
Offenlegung: Der Fork wurde mit Hilfe von KI-Codierungswerkzeugen geplant, implementiert und getestet. Benutzung auf eigene Gefahr.
1 „Gefällt mir“
Haben Sie ein paar Screenshots, um die Listen- und Rasteransicht mit vielleicht einigen Ihrer anderen Ergänzungen zu demonstrieren?
Hallo zusammen und @Heliosurge
In der Zwischenzeit haben wir eine umfassende Überarbeitung und Erweiterung der Theme-Komponente mit vielen neuen Funktionen, einer vollständigen Refaktorierung aller Komponenten und einer umfangreichen Umstrukturierung vorgenommen.
Zusätzlich haben wir auch ein paar neue Funktionen hinzugefügt. Schaut es euch hier an:
3 „Gefällt mir“
Wenn also „Für vorgeschlagene Themen anzeigen“ aktiviert ist, scheint es bei der Verwendung von verwandten Themen nicht gut mit den Überschriften zusammenzuarbeiten.
Bitte erstellen Sie eine Einstellung für die maximale Höhe der mobilen Karte.
Wäre es möglich, die Massenaktionen wieder hinzuzufügen, während die Topic Cards-Komponente verwendet wird? Ich habe sie mit einigen CSS-Tweaks für mein Forum eingeblendet, aber die Benutzererfahrung damit ist nicht großartig 
Wäre vielleicht besser, wenn sie standardmäßig in die Komponente integriert wäre.
Oh, und während ich das tippe, bin ich nach oben gescrollt und das wurde bereits angefragt. Gibt es eine Vorstellung davon, ob es implementiert werden könnte?
Dies ist das CSS, das ich verwendet habe, um es zumindest benutzbar zu machen, wenn auch nicht sehr schön:
.topic-cards-list .topic-list-header {
display: block;
.topic-list-data.posters,
.topic-list-data.posts,
.topic-list-data.views,
.topic-list-data.activity {
display: none;
}
.topic-list-data.default > span:not([class]) {
display: none; // entfernt den einzelnen 'Topic'-Text, der keine Ziel-Span-Klasse hat
}
}
.topic-list-body {
tr.bulk-selecting.topic-card {
gap: 0; // entfernt den riesigen Abstand zwischen der Checkbox und dem Rest der Topic Card
}
}