Glimmer post stream probleem met ingesloten reacties

UX
1

Hello :waving_hand:

It seems some style are dropping on parent post when I open the embedded reply on glimmer post stream (mobile).

Thanks :hugs:

2 likes
2

oh, ik zie dat de gebruikersnaam dichter bij de post body komt, van de post die je hebt uitgebreid waar het op antwoordt

3

Eerlijk gezegd heb ik moeite om het probleem op de video te zien (hij is nogal wazig voor mij).

Kunt u enkele screenshots uploaden om het probleem te verduidelijken?

4

I think the issue is when the embedded reply expanded then it refresh the classes and for example it affects the
post__regular regular post__contents contents div classes. When the embedded reply opens this div will be post__regular regular

But the CSS is target the .contents class here. So this wonā€™t be available when the embedded replies opened.

.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

I think there should be more missed classes hereā€¦because it shouldnā€™t affect the parent post style.

5

Het spijt me, ik begrijp het nog steeds niet. Ik zie niets verkeerd aan de screenshot?

6

When you open a reply itā€™s change the parent post style. Thatā€™s the issue.

Originally the post is in full width and has some padding etcā€¦ It can also affects the custom modifications on posts. Before glimmer post stream it didnā€™t do any modification with the parent post, just opened the replies.

2 likes
7

Oooh I see now, thanks for bearing with me! :sweat_smile:

That does seem like a little regresh, Iā€™ll take a look ā€“ thanks!

4 likes
9

Hello :waving_hand:

Here is a quick fix (if anyone needed) with targeting the .post__regular class instead of .contents because the .contents is removes when the embedded replies opened.

@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

This issue will be addressed by

3 likes