2024411 - Constrain prompt bubble max width

Status: RESOLVED FIXED

(Core :: Machine Learning: Frontend, enhancement)

Description

[Justin Levinsohn]

Attachment: prompt bubble is too wide.png

Prompt (user message) bubble max width is too wide.

https://www.figma.com/design/Z5zZnnKuy7XGuYkwTblVo4/Smart-Window-MVP-%7C-UI---UX-Review?node-id=120-2364&t=Jmnlgx30dj7Qs5fd-4

• In full-width chat:
  • Prompt bubble max width is 75% of the chat column
• When sidebar is open:
  • Prompt bubble max width is 100% of the chat column
• Bubble does not exceed defined max width in either layout
• Text wraps correctly within constrained width
• No change to padding, styling, or behavior

Comment 1

[Giulia Cardieri (:giulia)]

FYI: QA pointed out the chat bubble also breaks for a very long URL, please check https://bugzilla.mozilla.org/show_bug.cgi?id=2023834

Comment 2

[mlucks]

Per chats with UX, we are going to max-width at 75% for both fullscreen and sidebar

Comment 3

[mlucks]

Attachment: Bug 2024411 - Reduce max-width and set overflow-wrap on chat-bubble-user - r?gcardieri

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/db07171eed43
https://hg.mozilla.org/mozilla-central/rev/9310bd79c46f
Reduce max-width and set overflow-wrap on chat-bubble-user - r=gcardieri,ai-frontend-reviewers

Comment 5

[Cosmin Sabou [:CosminS]]

https://hg.mozilla.org/mozilla-central/rev/9310bd79c46f