stream-chat-angular icon indicating copy to clipboard operation
stream-chat-angular copied to clipboard

Inconsistent structure of message bubbles

Open ilyakonrad opened this issue 3 months ago • 1 comments

Real message bubbles and quoted message bubbles (the ones you see when replying to a message) implement line-breaks differently. More specifically there are <br> elements in the quoted bubble text, which you won't find in the real message bubbles.

image image

This breaks the consistency of styles, since it changes spacings, especially when line-height is applied.

You can see how effective line height is different between the real message bubble and the quoted bubble.

image

The same can be observed in the demo application, though the difference is not as drastic given the lack of line-height rule.

image image

ilyakonrad avatar Nov 01 '24 10:11 ilyakonrad