# Embedded Replies

**URL:** https://meta.discourse.org/t/embedded-replies/290538
**Category:** UX
**Tags:** feedback, completed, design-experiment
**Created:** [January 4, 2024, 6:06pm UTC](https://meta.discourse.org/t/embedded-replies/290538 "2024-01-04T18:06:32Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [January 4, 2024, 6:06pm UTC](https://meta.discourse.org/t/embedded-replies/290538/1 "2024-01-04T18:06:32Z")

</div>

This topic is to collect feedback on the currently running experiment to change the styling of embedded replies within topic posts.

Thanks to @Don for the original designs

 ![](https://global.discourse-cdn.com/meta/original/4X/a/f/0/af0ea905b1e555215bb9207e7847d65ccb34bf51.png)

---

<div class="post-metadata">

### Author: ![schneeland](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schneeland/32/275391_2.png) [@schneeland](https://meta.discourse.org/u/schneeland)
#### Post date: [January 4, 2024, 9:03pm UTC](https://meta.discourse.org/t/embedded-replies/290538/2 "2024-01-04T21:03:18Z")

</div>

Removing the old boxes around replies seems like a neat idea (they are maybe a bit too prominent in the old design), and I like the thread-like line at the left, too. However, it does seem a bit “noisy” now if there are replies with quotes:

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/5/c/75cf0663ea087cdae1d2135274e1177474d51405.png)

Also, I think the padding between the “Replies box” and reactions is a bit small; same for the padding between the avatar and the reply content.  
Similarly, the (missing) alignment between the collapse button and the lower bounds of the last reply as well as between the avatar and the user name and title feels a bit odd to me.

Finally, I’m unsure about the visual separation between posts just by whitespace.

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/c/b/ccbc028ab2876a3c91090d7bd1e96c395b56233f.png)

But this might be something one would get used to after a while.

---

<div class="post-metadata">

### Author: ![piffy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/piffy/32/254198_2.png) [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [January 4, 2024, 9:04pm UTC](https://meta.discourse.org/t/embedded-replies/290538/3 "2024-01-04T21:04:23Z")

</div>

This is neat. One application I can imagine is essentially a topic with a “comment section” only. That is, the OP posts show up as regular posts and all replies only appear as embedded only (and jump button hidden)

I understand that’s different from the intention here but it seems like it’s not far off

---

<div class="post-metadata">

### Author: ![martin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/martin/32/491371_2.png) [@martin](https://meta.discourse.org/u/martin)
#### Post date: [January 5, 2024, 12:35am UTC](https://meta.discourse.org/t/embedded-replies/290538/4 "2024-01-05T00:35:40Z")

</div>

I really like how this looks so far!

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [January 5, 2024, 1:46am UTC](https://meta.discourse.org/t/embedded-replies/290538/5 "2024-01-05T01:46:08Z")

</div>

It looks neat on both desktop and mobile devices, I love it!

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [January 5, 2024, 3:31am UTC](https://meta.discourse.org/t/embedded-replies/290538/6 "2024-01-05T03:31:28Z")

</div>

So this is like an official implementation of [Custom embedded replies](https://meta.discourse.org/t/custom-embedded-replies/272670)? Looks great so far to me!

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [January 5, 2024, 10:11pm UTC](https://meta.discourse.org/t/embedded-replies/290538/7 "2024-01-05T22:11:33Z")

</div>

1. For me, it’s a bit distracting that the avatar moves on mobile. On the desktop, this matches the behavior of the “sticky avatar”. However, on mobile, the poster’s avatar does not move, but the one in the embedded reply does. Maybe I just need to get used to moving elements on mobile.

2. The flair covers a significant portion of the profile picture. But perhaps otherwise, it would become too small.  

3. On mobile, you display the name, username, and shield of the user, but not their title. Is there a reason why it is not shown like in the desktop version? I believe there would be enough space.  

4. Perhaps the blank space on the right could be reduced on mobile, as this would allow more words to fit into one line.

5. The replies seem to cause blank spaces. I noticed a lot of them after trying this feature. I can replicate this on [Moving to a Single Category Style Site Setting](https://meta.discourse.org/t/moving-to-a-single-category-style-site-setting/282441) by using the second “jump to post” button, scrolling back to the first post, and doing the same again. Then, there is a blank space where the replies showed. It is filled with the replies when they are expanded, but is blank when they are not.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [January 9, 2024, 10:09pm UTC](https://meta.discourse.org/t/embedded-replies/290538/8 "2024-01-09T22:09:07Z")

</div>

1. I think the styling when you embed the parent post does not match the one for child posts. At least, I would add a “jump to post” to the arrow there too. But maybe it would also be helpful to put the arrow below the post, like it was done for child posts.  
I took a screenshot for comparison:  
 ![EmbeddedReply](https://global.discourse-cdn.com/meta/original/4X/1/b/1/1b1617d0c6e61ab04a6a796f9ec6d45e9b1f359d.png)

In general, the embedded parent post is less intuitive for me, but I don’t know why.

Is it intentional that while a mobile version for child posts was added, there is no mobile version for parent posts?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [January 18, 2024, 1:16am UTC](https://meta.discourse.org/t/embedded-replies/290538/9 "2024-01-18T01:16:38Z")

</div>

> [@Moin](#):
>
> 1. For me, it’s a bit distracting that the avatar moves on mobile. On the desktop, this matches the behavior of the “sticky avatar”. However, on mobile, the poster’s avatar does not move, but the one in the embedded reply does. Maybe I just need to get used to moving elements on mobile.
> 2. The flair covers a significant portion of the profile picture. But perhaps otherwise, it would become too small.
> 3. Perhaps the blank space on the right could be reduced on mobile, as this would allow more words to fit into one line.

I have addressed this feedback in the latest PR.

* * *

> [@Moin](#):
>
> On mobile, you display the name, username, and shield of the user, but not their title. Is there a reason why it is not shown like in the desktop version? I believe there would be enough space.

This is something we do in core, this experiment isn’t able to add that into the area.

> [@Moin](#):
>
> At least, I would add a “jump to post” to the arrow there too.

I will be adding this in the next update, nice idea 👍

> [@Moin](#):
>
> Is it intentional that while a mobile version for child posts was added, there is no mobile version for parent posts?

This is how the feature is in core discourse, so this experiment is just tweaking this a bit, not adding any new content or templates.

---

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [January 18, 2024, 1:22am UTC](https://meta.discourse.org/t/embedded-replies/290538/10 "2024-01-18T01:22:59Z")

</div>

Discourse latest update seems to load replies as threaded within a given topic. So is this embedded replies still feasible?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [January 18, 2024, 6:45pm UTC](https://meta.discourse.org/t/embedded-replies/290538/11 "2024-01-18T18:45:48Z")

</div>

This just styles those “threaded” replies a bit differently.

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [January 19, 2024, 3:16pm UTC](https://meta.discourse.org/t/embedded-replies/290538/12 "2024-01-19T15:16:03Z")

</div>

@jordan.vidrine this is epic! We are currently using the Journal Plugin for our diary-style categories where topic owner is allowed to make posts and all other users’ can only comment on those posts.

Is that something that could be achieved with this TC?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [January 22, 2024, 3:58pm UTC](https://meta.discourse.org/t/embedded-replies/290538/13 "2024-01-22T15:58:34Z")

</div>

Thanks for the nice comment!

This is just for use within core discourse, not applicable to plugins. The plugin you are speaking of is maintained & created by Pavillion, and has its own styling to support its goal.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [February 1, 2024, 4:26pm UTC](https://meta.discourse.org/t/embedded-replies/290538/14 "2024-02-01T16:26:46Z")

</div>

> [@Moin](#):
>
> The replies seem to cause blank spaces. I noticed a lot of them after trying this feature. I can replicate this on [Moving to a Single Category Style Site Setting](https://meta.discourse.org/t/moving-to-a-single-category-style-site-setting/282441) by using the second “jump to post” button, scrolling back to the first post, and doing the same again. Then, there is a blank space where the replies showed. It is filled with the replies when they are expanded, but is blank when they are not.

So we got down to the root of this and it’s actually present in core, without this component enabled. Thanks for reporting this one!

---

<div class="post-metadata">

### Author: ![orangeandblack5](https://avatars.discourse-cdn.com/v4/letter/o/edb3f5/32.png) [@orangeandblack5](https://meta.discourse.org/u/orangeandblack5)
#### Post date: [April 20, 2024, 8:12am UTC](https://meta.discourse.org/t/embedded-replies/290538/15 "2024-04-20T08:12:28Z")

</div>

Any updates on when this might get rolled out to other sites? We’d love to have it.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [April 22, 2024, 2:58pm UTC](https://meta.discourse.org/t/embedded-replies/290538/16 "2024-04-22T14:58:01Z")

</div>

It’s currently being implemented by our member experience team! We should see it relatively soon.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [May 8, 2024, 7:42pm UTC](https://meta.discourse.org/t/embedded-replies/290538/17 "2024-05-08T19:42:46Z")

</div>

@Don

[https://github.com/discourse/discourse/pull/26876](https://github.com/discourse/discourse/pull/26876)

This has been merged into Discourse as of this PR. Thanks again for such an awesome component that inspired us to do this!

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [May 8, 2024, 7:42pm UTC](https://meta.discourse.org/t/embedded-replies/290538/18 "2024-05-08T19:42:59Z")

</div>


