[IMP] mail: preventing line break in systray activity

Before this commit:
In systray activity, for some languages, when there were few activities (exceeded a certain
length of text), it would break the line to display the labels.

After this commit:
Now, to maintain the design integrity, the text has been truncated to visually display
the labels like "aujourd'hu.." and maintain the design consistency.

Task-3869856

closes odoo#162339

X-original-commit: 162a82b
Signed-off-by: Thibault Delavallee (tde) <[email protected]>
Signed-off-by: Aashish Thakur (aath) <[email protected]>

Author: aath-odoo

addons/mail/static/src/core/web/activity_menu.xml

@@ -20,14 +20,14 @@
                             <div class="flex-grow-1 overflow-hidden">
                                 <div class="d-flex px-2" name="activityTitle" t-out="group.name"/>
                                 <div t-if="group.type === 'activity'" class="d-flex">
-                                    <span t-attf-class="#{group.overdue_count ? '' : 'text-muted'} py-0 px-2">
+                                    <span t-attf-class="#{group.overdue_count ? '' : 'text-muted'} py-0 px-2 text-truncate">
                                         <t t-out="group.overdue_count"/> Late
                                     </span>
-                                    <span t-attf-class="#{group.today_count ? '' : 'text-muted'} py-0 px-2">
+                                    <span t-attf-class="#{group.today_count ? '' : 'text-muted'} py-0 px-2 text-truncate">
                                         <t t-out="group.today_count"/> Today
                                     </span>
                                     <span class="flex-grow-1"/>
-                                    <span t-attf-class="#{group.planned_count ? '' : 'text-muted'} py-0 px-2">
+                                    <span t-attf-class="#{group.planned_count ? '' : 'text-muted'} py-0 px-2 text-truncate">
                                         <t t-out="group.planned_count"/> Future
                                     </span>
                                 </div>