Humanetech カテゴリレイアウト

コミュニティ
1

Community has no boundary: Discourse-as-a-Fabric - ideation & brainstorm の議論を続けます：

@aschrijver カテゴリをこれほど統合されたリストに整理された様子が素晴らしいですね。当フォーラムでも同じようにしたいです！設定情報を共有していただけませんか？

humane-categories
humane-categories159×330 8.04 KB

「いいね！」 1
2

@sunjam さん、ありがとうございます。もちろんです。以下の CSS で目的が達成できると思います：

/* ==============================================
     ランディングページのレイアウト（カテゴリ + 最新）
   ==============================================
*/

/* [custom] サブカテゴリをリストとして表示 */
.categories-and-latest .subcategory {
    display: table-row;
}

/* [custom] 「未読投稿」の数を非表示 */
.categories-and-latest .subcategory .new-posts {
    display: none;
}

/* [custom] 列のバランスを整え、トピックタイトルにより多くのスペースを割く */
.categories-and-latest .column.categories {
    max-width: 30%;
}

/* [custom] トピックの統計列を非表示 */
.categories-and-latest .topics {
    display: none;
}

/* [custom] トピックタイトルの幅を広げて列に合わせる */
.categories-and-latest .latest-topic-list-item .main-link {
    max-width: 85%;
}

/* [custom] タグをサブカテゴリの隣（トピックタイトルの下）に表示 */
.categories-and-latest .discourse-tags {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

注：UI 内の特定の邪魔な要素を非表示にするための追加設定も含まれています。

「いいね！」 6