Odoo Changelog — 2024-09-25

Wednesday, September 25, 2024

3 changes · 18.0

Improvements(3)

Enhancements to existing features

[IMP] mail: reduce size of mention suggestion

Core18.0mail

The mail composer’s mention suggestions are now more compact, with reduced spacing and smaller list items. This makes the suggestion dropdown less distracting, shows more useful information, and better aligns it with the full composer width.

Original PR description

Spacing was too big, and also size of suggestion list items were as big as any other content. As a result, this was too distracting compared to actual content like message list.

This commit make suggestion items smaller and also reduces spacing around suggestion items. This make suggestion less likely to truncate, so more content of suggestion is visible.

Also suggestion list takes whole width of composer, instead of just the inner textarea.

<img width="1178" alt="Screenshot 2024-09-23 at 13 52 45" src="https://github.com/user-attachments/assets/a806e83d-7662-4f63-8361-f6bf4ed09dbc">

#mail#mentions#composer#user experience

[IMP] mail: reduce size of mention suggestion

PR #181480

Core18.0mail

The mail composer’s mention suggestions are now more compact and use the full composer width. This makes the suggestion list less distracting, reduces text truncation, and keeps focus on the main conversation content.

Original PR description

Spacing was too big, and also size of suggestion list items were as big as any other content. As a result, this was too distracting compared to actual content like message list.

This commit make suggestion items smaller and also reduces spacing around suggestion items. This make suggestion less likely to truncate, so more content of suggestion is visible.

Also suggestion list takes whole width of composer, instead of just the inner textarea.

<img width="1178" alt="Screenshot 2024-09-23 at 13 52 45" src="https://github.com/user-attachments/assets/a806e83d-7662-4f63-8361-f6bf4ed09dbc">

#mentions#composer#user interface

[IMP] mail: message aligned right without wasted spacing on right

PR #181090

Core18.0mail

Chat messages sent by the current user now size more naturally when they contain a short sentence or mention. This removes awkward empty space on the right side of message bubbles, making conversations easier to read and visually cleaner.

Original PR description

Before this commit, when a user posts a message in chat window with a single sentence, this message was displayed with lost of spacing on the right. Steps to reproduce: - As Mitchell Admin, open…

Before this commit, when a user posts a message in chat window with a single sentence, this message was displayed with lost of spacing on the right.

Steps to reproduce:
- As Mitchell Admin, open "general" channel in normal-sized chat window
- Type `@Marc Demo asjdoiasjdoiajsoidjsdd` without backquote, and mentioning Marc Demo
- Send the message => message body text is wrapped with lots of wasted spacing
   on the right.

This happens because message body is a `div` that contains a `span`. The `span` has `work-break` so it is squished, but the `div` does not adapt its width.

Strangely, there's no CSS feature to solve this issue. The visual of self-messages do not look good in such scenario, which happens quite frequently.

This commit fixes the issue by computing the width of parent container in JS. Code doesn't look very nice, but functionally this solves an annoying issue, therefore the "ugly" code is worth the cost.

<img width="944" alt="Screenshot 2024-09-23 at 19 32 46" src="https://github.com/user-attachments/assets/0dbc9cb3-d33e-4405-b8b0-8dfc193dfd84">

![Sep-23-2024 19-37-08](https://github.com/user-attachments/assets/8f8a69f0-a7a2-49e5-9156-b3d1ffdfe543)

#chat#messages#layout#usability

Spacing was too big, and also size of suggestion list items were as big as any other content. As a result, this was too distracting compared to actual content like message list. This commit make suggestion items smaller and also reduces spacing around suggestion items. This make suggestion less likely to truncate, so more content of suggestion is visible. Also suggestion list takes whole width of composer, instead of just the inner textarea. <img width="1178" alt="Screenshot 2024-09-23 at 13 52 45" src="https://github.com/user-attachments/assets/a806e83d-7662-4f63-8361-f6bf4ed09dbc">

Before this commit, when a user posts a message in chat window with a single sentence, this message was displayed with lost of spacing on the right. Steps to reproduce: - As Mitchell Admin, open "general" channel in normal-sized chat window - Type `@Marc Demo asjdoiasjdoiajsoidjsdd` without backquote, and mentioning Marc Demo - Send the message => message body text is wrapped with lots of wasted spacing on the right. This happens because message body is a `div` that contains a `span`. The `span` has `work-break` so it is squished, but the `div` does not adapt its width. Strangely, there's no CSS feature to solve this issue. The visual of self-messages do not look good in such scenario, which happens quite frequently. This commit fixes the issue by computing the width of parent container in JS. Code doesn't look very nice, but functionally this solves an annoying issue, therefore the "ugly" code is worth the cost. <img width="944" alt="Screenshot 2024-09-23 at 19 32 46" src="https://github.com/user-attachments/assets/0dbc9cb3-d33e-4405-b8b0-8dfc193dfd84"> ![Sep-23-2024 19-37-08](https://github.com/user-attachments/assets/8f8a69f0-a7a2-49e5-9156-b3d1ffdfe543)