enhance: improve alert for "a new version has been downloaded"

src/main/frontend/components/header.cljs

@@ -151,7 +151,7 @@
     (when downloaded
       [:div.cp__header-tips
        [:p (t :updater/new-version-install)
-        [:a.ui__button.restart
+        [:a.restart.ml-2
          {:on-click #(handler/quit-and-install-new-version!)}
          (svg/reload 16) [:strong (t :updater/quit-and-install)]]]])))
 

src/main/frontend/components/header.css

@@ -52,28 +52,27 @@
 
   &-tips {
     position: absolute;
+    padding: 6px 0;
+    text-align: center;
+    min-width: var(--ls-main-content-max-width);
     width: 100%;
-    padding: 0 0;
-    transform: translateY(100%);
-    display: flex;
-    justify-content: center;
+    font-weight: 500;
     align-items: center;
-    background-color: var(--ls-secondary-background-color);
-    box-sizing: border-box;
-    margin: 0;
+    background: rgba(219, 234, 254);
+    margin-top: -16px;
     left: 0;
-    top: -2px;
-    color: var(--ls-secondary-text-color);
+    z-index: 1000;
 
     > p {
+      color: #433f38;
       margin: 0;
-      display: flex;
+      display: inline-flex;
       align-items: center;
       font-size: 14px;
     }
 
     a {
-      color: var(--ls-link-text-color) !important;
+      color: #106ba3 !important;
     }
 
     a.restart {
@@ -84,6 +83,7 @@
 
       svg {
         color: currentColor !important;
+        margin-right: 2px;
       }
 
       > strong {

src/main/frontend/dicts.cljs

@@ -349,7 +349,7 @@
         :pdf/linked-ref "Linked references"
         :pdf/toggle-dashed "Dashed style for area highlight"
 
-        :updater/new-version-install "A new version has been downloaded. Restart the application to apply the updates."
+        :updater/new-version-install "A new version has been downloaded."
         :updater/quit-and-install "Restart to install"
 
         :paginates/pages "Total {1} pages"