# Großer Abstand zwischen Chat und Themencontainer

**URL:** <https://meta.discourse.org/t/large-gap-between-chat-and-topic-container/382837>\
**Category:** Bug\
**Tags:** discourse-livestream\
**Created:** [16. September 2025 um 14:39 UTC](https://meta.discourse.org/t/large-gap-between-chat-and-topic-container/382837 "2025-09-16T14:39:43Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![tynaut](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tynaut/32/276689_2.png) [@tynaut](https://meta.discourse.org/u/tynaut)\
**Post date:** [17. September 2025 um 21:54 UTC](https://meta.discourse.org/t/large-gap-between-chat-and-topic-container/382837/8 "2025-09-17T21:54:54Z")

</div>

> [@putty](#):
>
> Ich habe versucht, mit CSS an diesem Element herumzuspielen, konnte es aber nicht herausfinden. Wenn ich ::before ausblende, erscheint ein ::after. Wenn ich beides ausblende, bleibt der Abstand bestehen.

 ![CleanShot 2025-09-17 at 16.51.54@2x](https://global.discourse-cdn.com/meta/original/4X/1/e/e/1ee6c9a4609867c83f7443ed3e38e52c019eda36.png)

Der Abstand sollte für die Topic-Timeline sein (Bild oben als Referenz), weshalb der Abstand auch ohne die Clearfixes vorhanden ist. Es gibt immer noch Platz für die Timeline, auch wenn es nur einen Beitrag gibt und auch wenn Sie kein Administrator sind, wo die Timeline leer erscheinen würde und als leerer Raum dargestellt wird.

Es kann inkonsistent oder störend sein, wenn dieser Platz gefüllt wird, wenn ein neuer Beitrag hinzugefügt wird und die Topic-Timeline erscheint, aber wenn Sie möchten, dass er den gesamten Platz einnimmt, wenn es **nur einen Beitrag** gibt (keine Timeline), könnten Sie Folgendes tun:

```plaintext
@media screen and (min-width: 925px) {
    .container.posts:not(:has(.timeline-scrollarea-wrapper)) {
        grid-template-columns: 100%;
    }
}

```

Hinweis: Der `.timeline-scrollarea-wrapper` erscheint nur, wenn genügend Beiträge vorhanden sind, damit die Timeline angezeigt wird, weshalb dies funktioniert.

Für Administratoren (siehe schwebenden Button):

 ![CleanShot 2025-09-17 at 16.48.35@2x](https://global.discourse-cdn.com/meta/original/4X/6/e/e/6ee07fa2070b04285fedacbc3694e1057b429cfd.png)

Für Nicht-Administratoren:

 ![CleanShot 2025-09-17 at 16.49.09@2x](https://global.discourse-cdn.com/meta/original/4X/a/5/6/a562cf5f0c680fcc64688caa3ddc5abbc9875cc6.jpeg)

Wenn Sie etwas Platz für den Einstellungsbutton wünschen, können Sie diesen Teil anpassen oder verändern:

```plaintext
grid-template-columns: 90% 10%;
grid-template-columns: calc(100% - 80px) 80px;

```

Hilft dies zu verstehen, was mit dem Layout los ist, oder hilft es vollständig? Wir sehen, dass der Clearfix in Ihrem Screenshot einen etwas anderen Abstand einnimmt, als wir ihn replizieren konnten, daher sind wir uns nicht zu 100 % sicher, ob dies das Problem behebt.

Ich persönlich würde es so belassen, wie es ist, um die Konsistenz zu wahren, wenn die Timeline verfügbar oder nicht verfügbar ist, aber wenn Sie Änderungen daran vornehmen möchten, sollte das obige CSS ausreichen, um die volle Breite einzunehmen, wenn die Topic-Timeline leer ist. Lassen Sie uns wissen, wenn Sie Probleme damit haben oder Hilfe bei der Implementierung benötigen! Danke.

---

_[View the full topic](https://meta.discourse.org/t/large-gap-between-chat-and-topic-container/382837)._