Wednesday, December 25, 2024
1 change · 18.0
Enhancements to existing features
This update refines the visual design of Odoo Discuss across sidebars, calls, member panels, mobile chat windows, and search. The changes make the collaboration interface less distracting, better aligned, and easier to scan while also correcting a missing search icon.
Original PR description
This commit makes minor style improvemens to make discuss a bit more enjoying to use: - less start spacing on non-compact discuss sidebar items - discuss sidebar item outline style when self in call…
This commit makes minor style improvemens to make discuss a bit more enjoying to use: - less start spacing on non-compact discuss sidebar items - discuss sidebar item outline style when self in call is improved (better lines, more visible) - discuss sidebar item when there's a call is improved: outline color matches border, background colors are more pleasing, spacing of participants and icons feels more right - discuss app header buttons are less distracting (reduced opacity when not hovered, active color is more suble in dark theme) - member panel is narrower in width by default (default value was too large most of the time) - member panel categories (online / offline) are smaller and reduced opacity, so that they are less distracting - hover effect on offline members is less intense (opacity on hover is reduced) - member names have slightly reduced opacity (was more catchy than messages with white color) - call status in systray is `.fa-volume-up.text-danger` rather than `text-warning` blinking dot. Also blinking animation duration is 6 seconds rather than infinite. - call status in systray has style matching discuss sidebar, with outline around the button. The spacing is reduced so it looks like a cohesive button (previously looked like 2 different systray items). - call status of active participant in compact sidebar is in a more natural position (was top left, now it's bottom right). - "start a meeting" and "Invite a user" buttons have slightly less distracting icons (reduced opacity). "Invite a user" button has slightly less horizontal margin - search panel icon was missing (had typo `.oi-serch`) - call view user names is less distracting (muted name, background has less vertical padding) - call card background color matches the dark theme better. - chat window mobile buttons look better (rounded-circle instead of square, some margin around, and border opacity is reduced so click area is visible but absolutely not distracting) - threads panel (sub-threads) has search input start aligned with thread items (was slightly misaligned) Before <img width="2560" alt="before" src="https://github.com/user-attachments/assets/9f7025fa-26f5-4381-bc7d-195fda480626" /> After <img width="2560" alt="Screenshot 2024-12-24 at 22 55 20" src="https://github.com/user-attachments/assets/dde1698e-ba75-48a7-b453-82ea5e82f120" />