Themen und ungelesene/neue Nachrichten im Kategorienbereich ausblenden

Hallo!

Ich arbeite an einem benutzerdefinierten Theme. Unser „Desktop-Kategorien-Seitenstil" lautet „Kategorien und Neueste Themen". Ich versuche, den Bereich „Kategorien" so zu gestalten, dass er eher wie Karten aussieht (ich kämpfe also leider mit Tabellen, da er in Tabellen aufgebaut ist). Mir ist aufgefallen, dass ich im Bereich „Kategorien" weder die Spalte „Themen" noch die Anzeige für ungelesene/neue Nachrichten möchte. Gibt es eine Konfiguration, die sowohl den Themen- als auch den Bereich für ungelesene/neue Nachrichten für den „Desktop-Kategorien-Seitenstil" entfernt? Derzeit versuche ich es mit einer display: none-Logik für den entsprechenden Tabellenzellenbereich, aber das bereitet weiterhin Probleme, insbesondere wegen der ungelesenen/neuen Nachrichten.

Vielen Dank im Voraus!

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

Hilft das? Damit wird das entfernt, was du im roten Kasten umrandet hast.

1 „Gefällt mir“

Danke für deine Antwort, @ondrej! Das hilft schon einmal ein bisschen.

Unser Layout ähnelt https://meta.discourse.org/categories, aber ich plane, für Kategorien ein Karten-Design zu verwenden. Die Verwendung von display: none funktioniert zwar teilweise, doch da „Kategorien" ein riesiges table-Element ist, belegt es weiterhin Platz, wenn Themen und/oder ungelesene/neue Nachrichten vorhanden sind. Daher siehst du auch mit display: none diese kleine weiße Lücke, die noch Platz einnimmt.

Ich habe zwar eine Lösung gefunden, aber ich hatte gehofft, es gäbe einfach eine Konfigurationsoption, um das komplett zu entfernen.

Meine Lösung:

  • Setze eine Höhe auf das <tr>, das Kategorie-/Themeninformationen enthält, z. B. height: 160px. Zusammen mit dieser Eigenschaft setze auch overflow: hidden.
  • Setze die Höhe des <td>, das den Kategoriennamen enthält, auf die Höhe des <tr>.
  • Setze die Höhe des <td>, das das Thema enthält, auf 0.

Definitiv nicht die beste Lösung, aber sie funktioniert vorerst.