Themenkarten

[Discourse]

	Zusammenfassung	Topic Cards stellt die Themenliste neu dar, indem sie als Karten mit einem Vorschaubild angezeigt wird
	Vorschau	Vorschau im Discourse Theme Creator
	Repository	https://github.com/discourse/discourse-topic-cards
	Neu bei Discourse-Themes?	Einsteigerleitfaden zur Verwendung von Discourse-Themes

Dieses Theme-Component installieren

Da es sich um eine #offizielle Theme-Component handelt, die vom Discourse-Team gepflegt wird, können Support, Contribute > Bug, Contribute > UX und #contribute:feature-Anfragen in den jeweiligen Kategorien hier auf Meta gestellt und mit dem entsprechenden Tag der Theme-Component versehen werden. Klicke auf einen der unten stehenden Links, um eine Anfrage zu starten.

 Support  Bug  UX  Feature

Diese Theme-Component kann Konflikte mit anderen Anpassungen der Themenliste verursachen

Funktionen

Diese Component lässt sich von Topic Thumbnails inspirieren, vereinfacht die Nutzung, fügt Ausschnitte & klickbare Vollkarten hinzu und verleiht etwas extra CSS-Magie.

• Die gesamte Karte klickbar machen (außer das Avatar des ursprünglichen Posters)
• Den Ausschnitt anzeigen
• Ein Themen-Vorschaubild anzeigen, falls verfügbar
• Das Veröffentlichungsdatum anzeigen
• Einige Metadaten entfernen und Likes hervorgehobener darstellen

Desktop

Mobil

Einstellungen

Übersetzung	Standardwert
published	Veröffentlicht

Von uns gehostet? Theme-Components sind auf unseren Standard-, Business- und Enterprise-Plänen verfügbar.

[Moin]

Die vertikale blaue Linie überdeckt Teile des Textes

(Scheint nicht vom Browser/Gerät abzuhängen, ich habe Edge/Windows, Chrome/Android und Firefox/Android ausprobiert)

[frold]

funktioniert auf Anhieb in Chrome unter Windows und Chrome auf dem iPhone 8

[chapoi]

@Moin

Die vertikale blaue Linie überdeckt Teile des Textes

Stimmt, das habe ich vergessen. Werde es beheben – danke

[jayme]

Wie kann ich die Tabs „Antworten“ und „Aktivität“ unter der Schaltfläche „+Neues Thema“ entfernen?
Sie lassen mein Thema sehr kurz erscheinen und es sieht schlecht aus, haha

[Lilly (Lillian)]

Hallo @jayme, es sieht so aus, als ob diese Tabs nicht Teil dieser Komponente sind und wahrscheinlich von einer anderen Themenkomponente oder einem Plugin dort platziert wurden. Wenn ich ein Testforum mit dieser Komponente lade, existieren diese Tabs nicht und sie erscheinen auch nicht in den Screenshots im OP. Möglicherweise müssen Sie andere Komponenten deaktivieren, um herauszufinden, welche, und wenn es keine Einstellung für diese Tabs gibt, müssen Sie diese möglicherweise deaktivieren.

[chapoi]

Border/box-shadow funktioniert nicht gut mit Karten, daher musste ich ein wenig improvisieren, um eine Ersatzanzeige zu erhalten

UX: replace border with text colour on select with keyboard

[Moin]

@chapoi

musste also ein wenig improvisieren, um eine Ersatzanzeige zu bekommen

Irgendwie sehe ich jetzt keine Anzeige mehr

[chapoi]

Verwenden Sie die Befehle j/k zur Navigation?

[Moin]

Nein, ich habe nur Tab verwendet. Nun, ich habe tatsächlich mein Tablet benutzt. Nachdem ich die Zurück-Schaltfläche verwendet habe, wird der Beitrag normalerweise hervorgehoben. Das ist hier nicht passiert. Ich habe dies nur für die Aufnahme auf dem Computer ausprobiert.

[derak (Cristian Deraco)]

tolles Theme-Komponente!

[Gonerdot]

Ich habe versucht, diese Komponente in vielen Themes zu installieren, aber sie sieht überall etwas schief aus. Was mache ich falsch?

[chapoi]

Hm… schwer zu sagen. Es sieht so aus, als ob die Höhe der Karten irgendwie eingeschränkt ist und der Inhalt größer als üblich ist.

Können Sie zuerst überprüfen, ob dies nicht auf einen Konflikt mit anderen Komponenten oder dem Theme zurückzuführen ist? Ich sehe, dass Sie auch die rechte Seitenleiste aktiviert haben, und das könnte möglicherweise einige Größenberechnungen beeinflussen.

Können Sie das bitte überprüfen und mir Bescheid geben?

[Gonerdot]

Ich habe alle anderen Komponenten deaktiviert, aber das Problem hat sich nicht gelöst.

[chapoi]

Seltsam! Kann ich mir das Forum ansehen, auf dem du es installiert hast?

[Gonerdot]

bearblog.ru

Aber du musst das Thema in deinen Profileinstellungen auf Dracula ändern.

[chapoi]

Danke, ich schaue es mir an!

[Gonerdot]

Meiner Meinung nach kann das Problem durch die Begrenzung der Anzahl der Zeichen in der Vorschau gelöst werden, aber ich weiß nicht, wie das geht.

[chapoi]

Okay, die Topic-Cards benötigen eine maximale Höhe, sonst gibt es Probleme wie diese:

Ich kann nicht sagen, warum deine nicht gut passt, denn im Beispiel im Theme Creator kann ich auch mehrzeilige Titel verwenden und sie passen trotzdem:

Es könnte etwas mit der Schriftgröße, der Schriftart oder dem Zeilenabstand zu tun haben. Das erfordert leider individuelle Anpassungen und ist nichts, wofür ich eine allgemeingültige Lösung anbieten kann.

Eine mögliche Lösung ist, wie du sagtest, den Titel auf eine Zeile zu beschränken, was du mit folgendem CSS erreichen könntest:

.topic-card {
  .link-top-line {
      max-width: 100%;
      overflow: hidden;
      
     .title {
        display: block;
        white-space: no-wrap;
      }
   }
}