I've had a plain chat conversation and need display them similarly to how they are designed in Messenger. Since this is a long conversation, I need a method to do it at once. I know this might be impossible to have all, so I just need to mimic it as close as possible.
- Left-aligned gray bubbles (103, 184, 104) with black text;
Right-aligned green bubbles (241, 240, 240) with white text
- Bubbles only break after a paragraph (equivalent to an enter press when chatting). Long message with multiple lines will be kept in one bubble.
- Left and right edges are half circle
- Margins between same color bubble is small. Bonus: margins between different color bubble is large.