[IMP] core: menu tip ux/ui improvement

We would like to make the "no item found" screens more appealing.

Before this commit, it shows a small help tip in the top-left
corner of the screen, just below the "Create" button.

With this commit, these help tips have been replaced by onboarding
screens, which consist of a picture and some text below, both of which
are horizontally centered.

The texts have been slightly changed, so that they are shorter and clearer.

Considered modules:

(A)
    account,
    account_asset,
    account_budget,
    account_test,
    account_voucher,
    analytic
(B)
    barcodes,
    base,
    base_automation,
    board
(C)
    calendar,
    contacts,
    crm
(D)
    delivery
(E)
    event
(F)
    fleet
(G)
    gamification,
    google_drive
(H)
    hr,
    hr_attendance,
    hr_contract,
    hr_expense,
    hr_gamification,
    hr_holidays,
    hr_payroll,
    hr_recruitment,
    hr_timesheet
(I)
    im_livechat
(L)
    l10n_fr_sale_closing,
    link_tracker,
    lunch
(M)
    mail,
    maintenance,
    mass_mailing,
    membership,
    mrp
(N)
    note
(P)
    payment,
    point_of_sale,
    post_mercury,
    pos_restaurant,
    product,
    project,
    purchase,
    purchase_requisition
(R)
    rating,
    repair,
    resource
(S)
    sale,
    sale_timesheet,
    sales_team,
    stock,
    stock_account,
    stock_landed_costs,
    stock_picking_batch,
    survey
(U)
    utm
(W)
    web,
    website,
    website_blog,
    website_customer,
    website_event_track,
    website_forum,
    website_quote,
    website_sale,
    website_sale_digital,
    website_slides

1 files changed, 17 insertions, 9 deletions

diff --git a/addons/mail/static/src/xml/thread.xml b/addons/mail/static/src/xml/thread.xml
index 6f5f5e71cfe..7806029557b 100644
--- a/addons/mail/static/src/xml/thread.xml
+++ b/addons/mail/static/src/xml/thread.xml
@@ -104,15 +104,23 @@
     </t>
 
     <!-- When a channel is empty-->
-    <div t-name="mail.EmptyChannel" class="o_mail_no_content">
-        <t t-if="options.channel_id==='channel_inbox'">
-            <div class="o_thread_title">Congratulations, your inbox is empty</div>
-            <div>New messages appear here.</div>
-        </t>
-        <t t-if="options.channel_id==='channel_starred'">
-            <div class="o_thread_title">No starred message</div>
-            <div> You can mark any message as 'starred', and it shows up in this channel.</div>
-        </t>
+    <div t-name="mail.EmptyChannel" class="o_mail_no_content o_view_nocontent_container">
+        <div class="o_view_nocontent">
+            <t t-if="options.channel_id==='channel_inbox'">
+                <p class="o_view_nocontent_smiling_face">
+                    Congratulations, your inbox is empty
+                </p><p>
+                    New messages appear here.
+                </p>
+            </t>
+            <t t-if="options.channel_id==='channel_starred'">
+                <p class="o_view_nocontent_neutral_face">
+                    No starred message
+                </p><p>
+                    You can mark any message as 'starred', and it shows up in this channel.
+                </p>
+            </t>
+        </div>
     </div>
 
     <t t-name="mail.ChatThread.Content">