Grande lacuna entre o chat e o contêiner do tópico

[putty (Derek Putnam)]

Quando acionamos o chat livestream para nossos eventos, essa grande lacuna aparece em div.container.post::before. O espaçamento está bom até que eu acione a transformação com a tag.

Tentei mexer no CSS para ajustar esse elemento, mas não consegui descobrir. Se eu ocultar o ::before, um ::after aparece. Quando oculto ambos, o espaçamento persiste.

Aqui está a página se alguém quiser ver ao vivo.

Esse espaçamento não aparece na captura de tela oficial, então não tenho certeza do que está acontecendo:

[tynaut (Ty Correll)]

@putty

Tentei mexer no CSS para ajustar este elemento, mas não consegui descobrir. Se eu ocultar o ::before, um ::after aparece. Quando oculto ambos, o espaçamento persiste.

O espaçamento deve ser para a linha do tempo do tópico (imagem acima para referência), é por isso que sem os clearfixes o espaço ainda está presente. Ainda há espaço para a linha do tempo, mesmo que haja apenas uma postagem e mesmo que você não seja administrador, onde a linha do tempo apareceria vazia e aparece como espaço vazio.

Pode ser inconsistente ou chocante se este espaço for preenchido quando uma nova postagem for adicionada e a linha do tempo do tópico aparecer, mas se você quiser que ele ocupe todo o espaço quando for apenas uma postagem (sem linha do tempo), você pode fazer isso:

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

Nota: O .timeline-scrollarea-wrapper só aparece se houver posts suficientes para a linha do tempo aparecer, é por isso que isso funciona.

Para Administradores (veja o botão flutuante):

Para Não Administradores:

Se você quiser um pouco de espaço para o botão de configurações, você pode ajustar ou retocar esta parte:

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

Isso ajuda a entender o que está acontecendo com o layout ou auxilia completamente? Vemos que o clearfix na sua captura de tela ocupa um espaçamento ligeiramente diferente do que conseguimos replicar, então não temos 100% de certeza se isso resolve o problema.

Eu pessoalmente deixaria como está para consistência com a linha do tempo disponível ou não disponível, mas se você quiser fazer alterações, o CSS acima deve ser suficiente para ocupar toda a largura quando a linha do tempo do tópico estiver vazia. Informe-nos se tiver algum problema com isso ou precisar de ajuda com a implementação! Obrigado.