Humanetech-Kategorielayout

Gemeinschaft
1

Fortsetzung der Diskussion aus Community hat keine Grenzen: Discourse als Gewebe – Ideenfindung und Brainstorming:

@aschrijver Mir gefällt sehr gut, wie du die Kategorien in einer so konsolidierten Liste dargestellt hast. Ich würde das gerne auch auf unserem Forum tun! Wäre es dir recht, wenn du deine Konfiguration teilst?

humane-categories
humane-categories159×330 8.04 KB

1 „Gefällt mir“
2

Danke @sunjam. Klar. Ich denke, folgendes CSS erledigt die Aufgabe:

/* ==============================================
     Landing Page Layout (Kategorien + Neueste)
   ==============================================
*/

/* [custom] Unterkategorien als Liste anzeigen */
.categories-and-latest .subcategory {
    display: table-row;
}

/* [custom] Anzahl der "ungelesenen Beiträge" ausblenden */
.categories-and-latest .subcategory .new-posts {
    display: none;
}

/* [custom] Spalten ausbalancieren, mehr Platz für Beitragstitel */
.categories-and-latest .column.categories {
    max-width: 30%;
}

/* [custom] Spalte mit Beitragsstatistiken ausblenden */
.categories-and-latest .topics {
    display: none;
}

/* [custom] Beitragstitel-Breite erhöhen, um die Spalte auszufüllen */
.categories-and-latest .latest-topic-list-item .main-link {
    max-width: 85%;
}

/* [custom] Tags neben der Unterkategorie anzeigen (unter dem Beitragstitel) */
.categories-and-latest .discourse-tags {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

Hinweis: Es enthält einige Ergänzungen, um bestimmte ablenkende Elemente in der Benutzeroberfläche auszublenden.

6 „Gefällt mir“