Vorschaubilder der Themenliste

Für Themen ohne Bilder möchte ich nur den Themientitel sehen. Gibt es eine Möglichkeit, dies zu tun?

ytrrrr

Ich konnte dies mit etwas CSS erreichen

.topic-list-thumbnail.no-thumbnail {
    display:none;
}
1 „Gefällt mir“

Vielen Dank, das ist genau das, wonach ich gesucht habe.

Ein Beitrag wurde in ein bestehendes Thema zusammengeführt: Wie man Inhaltsausschnitte in der Theme-Komponente „Topic List Thumbnails“ anzeigt, wenn kein Bild im Thema vorhanden ist?

Vielen Dank an die Autoren. Es ist eine großartige Komponente.

Es gibt einige Probleme im Masonry-Modus. Wenn die Thumbnails aus verschiedenen Quellen abgerufen werden – hochgeladene Bilder, Logos und Bilder, die von Links abgerufen wurden, sowie Platzhalterbilder – verwendet die aktuelle Lösung Unschärfe (Blur), um die ungenutzte Breite einzunehmen.

Ich denke, der bessere Weg wäre, let thumbnail zu verwenden, um die gesamte Breite des Containers einzunehmen, und dann die Höhe auf natürliche Weise Raum einnehmen zu lassen, während das Seitenverhältnis des Bildes beibehalten wird.

Ich habe versucht, das CSS anzupassen, aber Probleme wie die Zusammenführung von Thumbnails und Texten kann ich nicht lösen. Ich erwarte, dass eine neuere Version dies für mich lösen wird.

1 „Gefällt mir“

2 Beiträge wurden in ein neues Thema verschoben: Deaktivieren von Miniaturansichten auf Mobilgeräten beeinträchtigt die mobile Ansicht

Vielen Dank, David Taylor, für diese fantastische Theme-Komponente!

Im Blog-Stil scheint die Anzahl der Antworten nicht zu funktionieren:

Es wäre wirklich toll, wenn du das beheben könntest. Vielen Dank!!!

1 „Gefällt mir“

Danke, dass du das gemeldet hast. Ich habe gerade hier ein Update zur Behebung vorgenommen: UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub

1 „Gefällt mir“

Ich verwende die Komponente „Thumbnails in der Themenliste“ auf meinem Discourse-Forum. In der mobilen Ansicht werden Themen ohne ein hervorgehobenes Bild mit einem Standard-/Fallback-Thumbnail angezeigt.

Ich möchte, dass Themen ohne Bild als normale, rein textbasierte Themenzeile dargestellt werden, ohne reservierten Platz für ein Thumbnail oder einen Abstand links.

Gibt es eine Einstellung, eine CSS-Lösung oder eine Anpassung einer Theme-Komponente, die dies ermöglichen kann?

Ich habe eine Lösung mit Claude AI gefunden

/* Miniaturansicht auf Mobilgeräten für Themen ohne Bild ausblenden */
.mobile-view .topic-thumbnails-list .topic-list-thumbnail.no-thumbnail {
  display: none !important;
}

/* Gitterlayout für Themen ohne Bild korrigieren (keine Miniaturansicht-Spalte) */
.mobile-view .topic-thumbnails-list .topic-list-body .topic-list-item:has(.no-thumbnail) .right {
  grid-template-columns: auto 15% !important;
  grid-template-areas:
    "title replies"
    "data  data" !important;
}