Problema con el flujo de publicaciones de Glimmer y las respuestas incrustadas

UX
1

Hola :waving_hand:

Parece que algunos estilos se están perdiendo en la publicación principal cuando abro la respuesta incrustada en el flujo de publicaciones de Glimmer (móvil).

Gracias :hugs:

2 Me gusta
2

oh, veo que el nombre de usuario se acerca más al cuerpo de la publicación, de la publicación que has expandido a la que está respondiendo

3

Si seré sincero, me cuesta ver el problema en el vídeo (está bastante borroso para mí).

¿Podrías subir algunas capturas de pantalla para aclarar el problema?

4

Creo que el problema es cuando la respuesta incrustada se expandió, actualizó las clases y, por ejemplo, afectó las clases div de post__regular regular post__contents contents. Cuando la respuesta incrustada se abre, este div se convertirá en post__regular regular.

Pero el CSS se dirige a la clase .contents aquí. Por lo tanto, esta no estará disponible cuando se abran las respuestas incrustadas.

.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

Creo que debería haber más clases perdidas aquí… porque no debería afectar el estilo de la publicación principal.

5

Lo siento, todavía no lo entiendo. ¿No veo nada malo en la captura de pantalla?

6

Cuando abres una respuesta, cambia el estilo de la publicación principal. Ese es el problema.

Originalmente, la publicación tiene ancho completo y tiene algo de relleno, etc. También puede afectar las modificaciones personalizadas en las publicaciones. Antes de la transmisión de publicaciones de “glimmer”, no hacía ninguna modificación en la publicación principal, solo abría las respuestas.

2 Me gusta
7

¡Oooh, ya veo, gracias por tu paciencia! :sweat_smile:

Eso sí parece una pequeña actualización, le echaré un vistazo. ¡Gracias!

4 Me gusta
9

Hola :waving_hand:

Aquí tienes una solución rápida (por si alguien la necesitaba) apuntando a la clase .post__regular en lugar de .contents porque .contents se elimina cuando se abren las respuestas incrustadas.

@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 se abordará en

3 Me gusta