# Kategorie-Boxen-Layout stimmt nicht mit Listen-Layout überein

**URL:** <https://meta.discourse.org/t/category-boxes-layout-doesnt-match-list-layout/137126>\
**Category:** UX\
**Created:** [26. Dezember 2019 um 21:34 UTC](https://meta.discourse.org/t/category-boxes-layout-doesnt-match-list-layout/137126 "2019-12-26T21:34:10Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [7. Januar 2020 um 21:46 UTC](https://meta.discourse.org/t/category-boxes-layout-doesnt-match-list-layout/137126/8 "2020-01-07T21:46:16Z")

</div>

Ich habe gerade ein Update mit ersten Fortschritten gepusht.

> <https://github.com/discourse/discourse/commit/cae60b5900eb8be6b3ee6b686cbcb3cccc5aadbb>

Unterkategorien zweiter Ebene sind für dieses Thema eher nebensächlich, aber sie befinden sich in der Entwicklung und werden den Stil dieser Seite zukünftig beeinflussen – daher habe ich sie aufgenommen. Ich bin aus einigen Gründen nicht ganz zufrieden mit diesem Ansatz, doch das Layout ist tricky.

Da der Inhalt dieser Boxen stark variieren kann, sollten wir Unterkategorien zweiter Ebene vielleicht irgendwann abschneiden oder JS-Höhenberechnungen durchführen, um ein [Masonry-Layout](https://www.sitepoint.com/understanding-masonry-layout/) zu ermöglichen, bei dem die Boxen nicht alle gleich hoch sind? Ich muss mir das noch etwas genauer überlegen.

 ![Screen Shot 2020-01-07 at 4.30.52 PM](https://global.discourse-cdn.com/meta/original/3X/8/1/8108f422455a0ceb1ba32d51798c16bdd3900cfb.png)

Aber genug davon, zurück zum Thema…

Für die bestehenden Unterkategorien auf einer Ebene habe ich vom generischen Link auf das Badge-Design für Kategorien umgestellt. Außerdem habe ich unsere Berechnungen für das Seitenverhältnis verbessert; sie wurden bisher kaum genutzt.

---

_[View the full topic](https://meta.discourse.org/t/category-boxes-layout-doesnt-match-list-layout/137126)._
