Merge branch '1062-transparent-button' into 'develop'

Fix #1062: fixed transparent 'later' button in update message

Closes #1062

See merge request !1071

front/src/App.vue

@@ -406,16 +406,16 @@ export default {
     },
     'serviceWorker.updateAvailable': {
       handler (v) {
-        if (!v) {
-          return
-        }
+        // if (!v) {
+        //   return
+        // }
         let self = this
         this.$store.commit('ui/addMessage', {
           content: this.$pgettext("App/Message/Paragraph", "A new version of the app is available."),
           date: new Date(),
           key: 'refreshApp',
           displayTime: 0,
-          classActions: 'bottom attached',
+          classActions: 'bottom attached opaque',
           actions: [
             {
               text: this.$pgettext("App/Message/Paragraph", "Update"),

front/src/style/themes/_dark.scss

@@ -31,7 +31,7 @@ $link-color: rgb(255, 144, 0);
       color: $text-color;
     }
   }
-  .main.with-background {
+  .main.with-background, .opaque {
     background-color: $background-color;
   }
   .ui.link.list.list .active.item,

front/src/style/themes/_light.scss

@@ -11,7 +11,7 @@
       }
     }
   }
-  .main.with-background {
+  .main.with-background, .opaque {
     background-color: white;
   }