Dieses Theme-Komponente bietet alternative Stile für alle angegebenen Kategorien, die das Discourse Voting-Plugin verwenden.
Installation
Repository-Link
https://github.com/discourse/discourse-alternative-voting-category-style
Wenn Sie mit Theme-Komponenten und deren Installation nicht vertraut sind, lesen Sie den Theme-Installationsleitfaden. Und wenn Sie mehr über Discourse-Themen erfahren möchten, werfen Sie einen Blick auf diesen Leitfaden.
Vorschau
Die grundlegende Idee basiert auf diesem Mockup, das von @erlend_sh erstellt wurde.
Bemerkenswerte Funktionen
- Kompakte Ansicht
- Auffällige Stimmzahlanzeige
- Farbliches Symbol, das anzeigt, dass Sie dem Thema zugestimmt haben
Einstellungen
Derzeit gibt es eine Einstellung, um anzugeben, auf welche Kategorien der Stil angewendet werden soll:
Zusätzliche Anpassungen
Wenn Sie das Aussehen bestimmter Tags innerhalb Ihres Voting-Themas anpassen möchten (siehe das Tag „IN PROGRESS" im obigen Vorschaubild), können Sie eine zusätzliche Komponente erstellen und den folgenden CSS-Code an Ihre Bedürfnisse anpassen:
.voting-category.list-container {
.topic-list-item:not(.about-topic) {
// Gemeinsame Stile für alle aufgelisteten Tags
[data-tag-name="in-progress"],
[data-tag-name="my-tag-one"],
[data-tag-name="my-tag-two"] {
font-weight: bold;
text-transform: uppercase;
font-family: Trebuchet MS;
}
// Spezifische Stile für einzelne Tags
[data-tag-name="in-progress"] {
color: #9e63d0;
}
[data-tag-name="my-tag-one"] {
color: #5bd04a;
}
[data-tag-name="my-tag-two"] {
color: #5f5dd0;
}
}
}
Zukunft
Das eine Merkmal, das Ihnen im ursprünglichen Mockup möglicherweise fehlt, ist ein Auszug des Themas unter dem Titel. Diese Funktion erfordert Änderungen am Kern oder am Voting-Plugin, die vorerst warten müssen.
Wie immer, lassen Sie es mich wissen, falls Sie Probleme feststellen.
Großer Dank an @simon und @erlend_sh für die Zusammenarbeit an diesem Projekt 
