トピックカード

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

「いいね!」 2

皆さん、こんにちは

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

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

皆さん、そして@Heliosurgeさん

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

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

「いいね!」 3

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

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

トピックカードコンポーネントを使用している間、一括アクションを元に戻すことは可能でしょうか?フォーラム用に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; // チェックボックスとトピックカードの残りの部分との間の大きな間隔を削除します
  }
}

このコンポーネントをありがとうございます。当サイトでは多大な役割を果たしており、大変感謝しております。

一点ご要望があります。当コミュニティではメンバーが本名を使用しているため、UX設定で「ユーザー名の優先」をオフ、「投稿での表示名」をオンに設定しています。これにより、投稿、ユーザーカード、プロフィールではフルネームが正しく表示されるようになりました。ただし、トピックカードの著者欄では依然として @username が表示されています。

カードの著者表示がサイトの名前表示設定を尊重し、メンバーのフルネームを表示するようにする設定を追加することは可能でしょうか?(名前が設定されていない場合はユーザー名にフォールバックする仕様です)

変更があった場合、当インスタンスでテストし、フィードバックを提供できます。開発とメンテナンスに感謝申し上げます。

「いいね!」 2

もちろんです!理想を言えば、ユーザー名が表示されるほとんどの場所でこれをサポートすべきです。ちょうどこの機能を追加しました:FEATURE: support prioritizing real names - Pull Request #84 - discourse/discourse-topic-cards - GitHub — なので、コンポーネントを更新した後、本名が表示されるはずです。

「いいね!」 5

素晴らしいですね、クリス。ありがとう。ブロンウィン

「いいね!」 2