Problema no Glimmer post stream com respostas incorporadas

Experiência do Usuário
1

Olá :waving_hand:

Parece que alguns estilos estão desaparecendo na postagem pai quando abro a resposta incorporada no fluxo de postagens do Glimmer (móvel).

Obrigado :hugs:

2 curtidas
2

Ah, entendi. O nome de usuário fica mais próximo do corpo da postagem, da postagem que você expandiu para a qual está respondendo.

3

Para ser sincero, tenho dificuldade em ver o problema no vídeo (está bem desfocado para mim).

Você poderia fazer upload de algumas capturas de tela para esclarecer o problema?

4

Eu acho que o problema é quando a resposta incorporada se expande, ela atualiza as classes e, por exemplo, afeta as classes div post__regular regular post__contents contents. Quando a resposta incorporada abre, esta div se tornará post__regular regular

Mas o CSS está direcionando a classe .contents aqui. Portanto, ela não estará disponível quando as respostas incorporadas forem abertas.

.mobile-view .boxed .contents {
  padding: 10px 0 0 0;
}

Screenshot 2025-08-01 at 17.19.03
Screenshot 2025-08-01 at 17.19.03352×567 37.9 KB

Acho que deveria haver mais classes perdidas aqui… porque não deveria afetar o estilo da postagem pai.

5

Desculpe, ainda não entendi. Não vejo nada de errado na captura de tela?

6

Quando você abre uma resposta, o estilo da postagem pai é alterado. Esse é o problema.

Originalmente, a postagem tem largura total e algum preenchimento, etc… Isso também pode afetar as modificações personalizadas nas postagens. Antes do fluxo de postagens do Glimmer, ele não fazia nenhuma modificação na postagem pai, apenas abria as respostas.

2 curtidas
7

Ah, entendi agora, obrigado por ter paciência comigo! :sweat_smile:

Isso parece uma pequena atualização, vou dar uma olhada – obrigado!

4 curtidas
9

Olá :waving_hand:

Aqui está uma correção rápida (se alguém precisar) visando a classe .post__regular em vez de .contents, pois o .contents é removido quando as respostas incorporadas são abertas.

@use "lib/viewport";

.topic-post {
  .boxed {
    .post__regular:not(.contents) {
      position: relative;
      clear: both;
    }
  }
}

.mobile-view {
  body:not(.archetype-private_message) {
    .boxed {
      .post__regular:not(.contents) {
        padding: 10px 0 0 0;
      }
    }
  }
}

// PM

.archetype-private_message {
  .post__regular:not(.contents) {
    border-radius: var(--d-border-radius);
    border: 1px solid var(--content-border-color);
    padding-top: 10px;
    padding-left: var(--pm-padding);
    margin-left: calc(var(--pm-padding) * -1);
    
    @include viewport.until(sm) {
      margin-left: 0;
      padding: 1.5em 1em 0;
    }
  }
}
11

Este problema será abordado em

3 curtidas