feat: shorten message for mobile display

src/components/MessageInfoList.vue

@@ -41,12 +41,19 @@ export default {
   z-index: 99;
   opacity: 0.95;
   width: calc(100% - 4em); /* 4em is #content left + right paddings */
-  top: calc(61px + 1em); /* 61px is #app-header height */
+  top: calc(40px + 1em); /* 40px is #app-header height */
   right: 2em; /* 2em is #content left paddings */
 }
 .message-list{
-    list-style: none;
-    padding-left: 0;
-    margin-top: 0;
+  list-style: none;
+  padding-left: 0;
+  margin-top: 0;
+}
+@media screen and (max-width: 725px) {
+  .row.over-content {
+    top: calc(80px + 1em); /* 90px is #app-header height in mobile display */
+    width: calc(100% - 2em);
+    right: 1em;
+  } 
 }
 </style>
\ No newline at end of file

src/main.js

@@ -116,7 +116,7 @@ const updateUserStatus = () => {
               store.commit('SET_USER', user);
               store.commit('DISPLAY_MESSAGE', {
                 level: 'positive',
-                comment: `Bienvenue à nouveau ! Vous êtes reconnecté au service d'authentification (SSO).`
+                comment: `Bienvenue à nouveau ! Vous êtes reconnecté au service d'authentification.`
               });
               store.dispatch('GET_USER_LEVEL_PERMISSIONS');
               store.dispatch('GET_USER_LEVEL_PROJECTS');
@@ -128,7 +128,7 @@ const updateUserStatus = () => {
             store.commit('SET_USER', false);
             store.commit('DISPLAY_MESSAGE', {
               level: 'negative',
-              comment: `Oups ! Vous avez été déconnecté du service d'authentification (SSO).
+              comment: `Vous avez été déconnecté du service d'authentification.
                 Reconnectez-vous ou continuez en mode anonyme.`
             });
             store.dispatch('GET_USER_LEVEL_PERMISSIONS');