בעיית זרם פוסט Glimmer עם תגובות משובצות

חווית משתמש
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 לייקים
2

אה, אני רואה שהשם משתמש מתקרב לגוף הפוסט, של הפוסט שהרחבת למה שהוא מגיב אליו

3

אני אהיה כן, אני מתקשה לראות את הבעיה בסרטון (הוא די מטושטש בשבילי).

האם תוכל להעלות כמה צילומי מסך כדי להבהיר את הבעיה?

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

אני מצטער, עדיין איני מבין זאת. איני רואה שום דבר לא בסדר בצילום המסך?

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 לייקים
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 לייקים
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 לייקים