chatwoot/app/javascript/dashboard/components-next
Sivin Varghese 945fa5fd16
chore: Update message bubble orientation (#11348)
# Pull Request Template

## Description

This PR includes,

### Changes

1. **Message Orientation**:  
- Updated the bubble orientation of Bot, Agent, and Private Note
messages to align from **left** to **right**.

2. **Activity Message bubble Styling**:  
- Adjusted **padding** and **border-radius** for activity message
bubbles for better alignment and appearance.

| **Before**  | **After** |
| ------------- | ------------- |
| <img width="559" alt="image"
src="https://github.com/user-attachments/assets/18258ae0-0d8e-4447-a005-9b6643b71f81"
/> | <img width="559" alt="image"
src="https://github.com/user-attachments/assets/425785d8-17f9-4629-8301-f19f23aef201"
/> |




---


Fixes
[CW-4263](https://linear.app/chatwoot/issue/CW-4263/v410-messages-history-incoming-and-outgoing-renders-in-one-line),
https://github.com/chatwoot/chatwoot/issues/11340

## Type of change

- [x] Bug fix (non-breaking change which fixes an issue)

## How Has This Been Tested?

### Loom video

https://www.loom.com/share/117bbb1dda98451883c9bb17f7cf016b?sid=05eae4d4-af11-4a41-a1d6-dc4e7e2cb281


## Checklist:

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [ ] I have commented on my code, particularly in hard-to-understand
areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published in downstream
modules

---------

Co-authored-by: Shivam Mishra <scm.mymail@gmail.com>
Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
Co-authored-by: Pranav <pranav@chatwoot.com>
2025-05-06 13:21:52 +05:30
..
Accordion feat: Allow customizing the responses, flows in Captain (#11385) 2025-04-29 15:42:15 -07:00
avatar revert: Next bubble improvements (#10795) 2025-01-29 20:04:45 -08:00
banner chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
breadcrumb feat(v4): Add new contact details screen (#10504) 2024-12-03 21:29:47 -08:00
button chore: Update buttons in conversation screens - 2 (#11134) 2025-03-21 21:54:54 +05:30
Campaigns feat: Support bigger font size in dashboard (#10974) 2025-02-27 12:10:33 +05:30
captain fix: Update the character count for instructions (#11419) 2025-05-05 19:41:38 -07:00
checkbox feat: Add support for bulk action for Captain FAQs (#10905) 2025-02-27 17:05:33 -08:00
colorpicker feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
combobox chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
Contacts feat: add UI for contact notes (#11358) 2025-04-29 16:08:20 +05:30
Conversation/ConversationCard fix: sentry issues (#10695) 2025-01-16 15:49:48 +05:30
copilot fix: Fix missing translations in copilot (#11411) 2025-05-04 18:06:24 -07:00
CustomAttributes feat(v4): Add new contact details screen (#10504) 2024-12-03 21:29:47 -08:00
dialog feat: Implement UI for Agent Bots in settings and remove CSML support (#11276) 2025-04-16 18:02:49 +05:30
dropdown-menu chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
Editor chore: Improve new conversation form (#10687) 2025-01-15 13:10:09 +05:30
feature-spotlight feat: Add support for feature spotlight components (#11012) 2025-03-18 13:17:42 -07:00
filter chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
flag feat: Flag icon component (#10564) 2024-12-10 11:53:24 +05:30
HelpCenter fix: Handle slug validation errors in Help Center (#11368) 2025-04-24 16:58:05 +05:30
icon feat: Instagram Inbox using Instagram Business Login (#11054) 2025-04-08 10:47:41 +05:30
Inbox fix: v4 ui issues (#10652) 2025-01-08 18:17:50 +05:30
inline-input chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
input chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
Label chore(v4): Update colors (#10700) 2025-01-16 15:27:23 +05:30
message chore: Update message bubble orientation (#11348) 2025-05-06 13:21:52 +05:30
NewConversation chore: Add cache to improve widget performance (#11163) 2025-03-24 16:04:49 -07:00
pagination feat: Support bigger font size in dashboard (#10974) 2025-02-27 12:10:33 +05:30
phonenumberinput chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
selectmenu feat: Update conversation basic filter (#11415) 2025-05-06 12:44:23 +05:30
sidebar chore: deprecate report_v4 feature flag and remove gating logic (#11320) 2025-04-17 08:52:56 +05:30
spinner feat: Add Spinner to new components (#10303) 2024-10-16 17:53:46 -07:00
switch feat: Support bigger font size in dashboard (#10974) 2025-02-27 12:10:33 +05:30
tabbar feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
taginput feat(v4): Compose a new conversation from a phone number. (#10568) 2024-12-17 18:07:58 +05:30
textarea chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
CardLayout.vue feat: Add support for bulk action for Captain FAQs (#10905) 2025-02-27 17:05:33 -08:00
EmptyStateLayout.vue feat: Support bigger font size in dashboard (#10974) 2025-02-27 12:10:33 +05:30