[IMP] mail: various ui improvements

including:
- reset scroll position to bottom when leaving channel
- allow clicking on the avatar image
- hide stars when message is of type notification
- sort channel names
- add # before channel names
- rename Whole company channel in general
- replace \n and \r in messages by <br/>
- lighten the hover color of sidebar items in the client action
- Display @ before mentions

3 files changed, 11 insertions, 7 deletions

diff --git a/addons/mail/static/src/less/chatter.less b/addons/mail/static/src/less/chatter.less
index 2e570f6cc86..143bcbcfcbb 100644
--- a/addons/mail/static/src/less/chatter.less
+++ b/addons/mail/static/src/less/chatter.less
@@ -42,7 +42,7 @@
 .o_followers {
     float: right;
     @media (max-width: @screen-xs-max) {
-        display: none; // Hide the followers in mobile
+        display: none !important; // Hide the followers in mobile
     }
 
     .o_followers_actions {
diff --git a/addons/mail/static/src/less/client_action.less b/addons/mail/static/src/less/client_action.less
index a402d103816..4e63a2b956f 100644
--- a/addons/mail/static/src/less/client_action.less
+++ b/addons/mail/static/src/less/client_action.less
@@ -106,15 +106,15 @@
             text-overflow: ellipsis;
             cursor: pointer;
 
-            &.o_active {
-                background-color: @gray-dark;
-            }
             &:hover {
-                background-color: @gray-dark;
+                background-color: darken(@gray, 8%);;
                 .o_mail_partner_unpin {
                     opacity: @sidebar-icon-opacity;
                 }
             }
+            &.o_active {
+                background-color: @gray-dark;
+            }
             .o_mail_partner_unpin {
                 opacity: 0;
                 &:hover {
diff --git a/addons/mail/static/src/less/thread.less b/addons/mail/static/src/less/thread.less
index 99787dd03ed..869a4ba85aa 100644
--- a/addons/mail/static/src/less/thread.less
+++ b/addons/mail/static/src/less/thread.less
@@ -44,6 +44,9 @@
             opacity: @mail-thread-side-date-opacity;
         }
 
+        .o_mail_redirect {
+            cursor: pointer;
+        }
 
         .o_thread_message_core {
             .o-flex(1, 1, auto);
@@ -52,8 +55,9 @@
                 font-style: italic;
             }
 
-            .o_mail_redirect {
-                cursor: pointer;
+            .o_mail_notification {
+                font-style: italic;
+                color: gray;
             }
 
             > p {