トピックリストのサムネイル

画像のないトピックについては、トピックのタイトルのみを表示したいのですが、これは可能でしょうか?

ytrrrr

少しCSSをいじることで、これが可能になりました

.topic-list-thumbnail.no-thumbnail {
    display:none;
}
「いいね!」 1

どうもありがとうございます。まさに探していたものです。

投稿が既存のトピックにマージされました: トピックに画像がない場合、テーマコンポーネント Topic List Thumbnails にコンテンツの抜粋を表示する方法

著者の方々に感謝します。素晴らしいコンポーネントです。

マソンリーモードにはいくつかの問題があります。サムネイルが異なる方法(アップロードされた画像、ロゴ、リンクから取得された画像、プレースホルダー画像)から取得される場合、現在のソリューションはブラーを使用して未使用の幅を取っています。

より良い方法は、サムネイルにコンテナの全幅を取らせ、その後、画像の比率を維持しながら高さを自然にスペースを取らせることだと思います。

CSSをカスタマイズしてみましたが、サムネイルやテキストが重なるなどの問題は解決できず、新しいバージョンで解決されることを期待しています。

「いいね!」 1

2件の投稿が新しいトピックに分割されました: モバイルでサムネイルを無効にするとモバイルビューが壊れる

ダヴィッド・テイラーさん、このような素晴らしいテーマコンポーネントを提供していただき、本当にありがとうございます。

ブログスタイルでは、返信数が正しく機能していないようです。

この問題を修正していただけると大変助かります。何卒よろしくお願いいたします!

「いいね!」 1

ご報告ありがとうございます。こちらで修正を行いました: UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub

「いいね!」 1

Discourse フォーラムで「トピック一覧のサムネイル」コンポーネントを使用しています。モバイル表示では、固定画像のないトピックがデフォルト(フォールバック)のサムネイル画像として表示されています。

画像がないトピックを、サムネイル用のスペースや左側の余白を一切設けず、通常のテキストのみのトピック行として表示させたいのですが。

これを実現するための設定、CSS のソリューション、またはテーマコンポーネントのカスタマイズ方法はありますか?

Claude AI で解決策を見つけました

/* 画像がないトピックのサムネイルをモバイルで非表示にする */
.mobile-view .topic-thumbnails-list .topic-list-thumbnail.no-thumbnail {
  display: none !important;
}

/* 画像がないトピックのグリッドレイアウトを修正(サムネイル列なし) */
.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;
}