Update Duo chat bubbles to reflect UI changes
What does this MR do and why?
Updates Duo chat bubbles in new UI to reflect designs in Figma.
- Uses theme color for your/my messages
- Aligns your/my messages to the right
- Use no border radii on far bottom end of bubble
Screenshots or screen recordings
Light mode | Dark mode |
---|---|
Before | |
![]() |
![]() |
Default | |
![]() |
![]() |
Indigo | |
![]() |
![]() |
Blue | |
![]() |
![]() |
Green | |
![]() |
![]() |
Red | |
![]() |
![]() |
Gray | |
![]() |
![]() |
How to set up and validate locally
- Go to https://gdk.test:3000/-/profile/preferences and cycle through themes in light/dark mode
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Edited by Sascha Eggenberger