カテゴリセクションでトピックと未読/新規メッセージを非表示にする

こんにちは!

カスタムテーマの作成に取り組んでいます。当社の「デスクトップカテゴリページスタイル」は「カテゴリと最新トピック」です。カテゴリセクションをカードのように見せようとしていますが、残念ながらテーブルで構築されているため、テーブルとの戦いになっています。気づいた点として、カテゴリセクションには「トピック」列や「未読/新しいメッセージ」の表示は不要です。「デスクトップカテゴリページスタイル」において、トピックと未読/新しいメッセージの部分を両方とも削除する設定はありますか?現在、テーブルセルの一部に対して display: none のロジックを試していますが、未読/新しいメッセージの影響で問題が続いています。

よろしくお願いいたします!

.category-list .topics {
    display: none;
}

これで解決しますか?これで赤枠で囲まれた部分が消えます。

「いいね!」 1

@ondrej さん、ご返信ありがとうございます!少しは参考になりました。

当サイトのレイアウトは https://meta.discourse.org/categories に似ていますが、カテゴリーにはよりカード型のデザインを採用しようとしています。display: none を使うと一応機能しますが、カテゴリーが巨大な table 要素であるため、トピックや未読/新しいメッセージがある場合、まだスペースを占有してしまいます。そのため、display: none を設定していても、わずかな白い隙間が残ってしまいます。

解決策は見つかりましたが、設定オプションで完全に削除できる方法があるかと思っていました。

私の解決策は以下の通りです:

  • カテゴリーやトピックの情報を保持する \u003ctr\u003e に高さを設定します(例:height: 160px)。そのプロパティに加えて、overflow: hidden も設定します。
  • カテゴリー名を保持する \u003ctd\u003e の高さを、\u003ctr\u003e の高さに合わせます。
  • トピックを保持する \u003ctd\u003e の高さを 0 に設定します。

決して最適な解決策ではありませんが、当面はこれで機能しています。