トピックカード

カスタマイズ テーマコンポーネント
,
104

新しいコンポーネントを作成し、テーマに追加できます

「いいね！」 2
105

皆さん、こんにちは

TCをフォークして、いくつかの機能を追加しました。

  • サムネイルがない場合のプレースホルダー
  • デスクトップ/モバイルのグリッドとリストのスタイルを選択
  • より詳細な寸法制御
  • より詳細な境界半径制御

リポジトリで詳細を確認できます: GitHub - jrgong420/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available.

:warning: 開示: このフォークは、AIコーディングツールの助けを借りて計画、実装、テストされました。ご自身の責任で使用してください。

「いいね！」 1
106

リストとグリッドのデモ用のスクリーンショット（SS）をいくつかお持ちですか？それと、あなたの他の追加機能もいくつか見せていただけますか？

107

皆さん、そして@Heliosurgeさん

その間に、私たちはテーマコンポーネントの大規模な改修と拡張を行い、多数の新機能、全コンポーネントの完全なリファクタリング、および広範な再構築を行いました。

さらに、いくつかの新機能も追加しました。こちらでご確認ください。

「いいね！」 3
108

「提案されたトピックを表示」が有効になっている場合、関連トピックを使用するとヘッダーとうまく連携しないようです。

image
image640×385 22 KB

109

モバイルカードの最大高さを設定してください。

110

トピックカードコンポーネントを使用している間、一括アクションを元に戻すことは可能でしょうか？フォーラム用にCSSの調整で非表示にしたものを再表示しましたが、UXがあまり良くありませんね :sweat_smile: コンポーネント内にデフォルトで含まれている方が良いかもしれません。

ああ、これを入力している間に上にスクロールしたところ、すでにリクエストされていました。実装の予定はあるのでしょうか？

これは、見栄えは良くなくても、少なくとも使用可能にするために使用したCSSです。

.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; // 対象となるspanクラスがない、余分な「Topic」テキストを削除します
  }
}

.topic-list-body {
  tr.bulk-selecting.topic-card {
    gap: 0; // チェックボックスとトピックカードの残りの部分との間の大きな間隔を削除します
  }
}