make style for links and bold words in alert messages

Dinir · Sep 11, 2021 · f820252 · f820252
1 parent a73f3c5
commit f820252
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 3 deletions.
diff --git a/css/main.css b/css/main.css
diff --git a/css/main.css.map b/css/main.css.map
diff --git a/js/interface/MiniPadderUpdater.js b/js/interface/MiniPadderUpdater.js
@@ -4,6 +4,7 @@ class MiniPadderUpdater extends Updater {
     this.updateTasks = this.loadUpdateTasks()
     this.alert = alertCallback || (() => false)
     this.lastAlertMessage = ''
+    this.lastAlertType = 'info'
 
     MiniPadderUpdater.announceMessage('Checking for updated changes...')
     const lastFoundVersionString =
@@ -16,7 +17,8 @@ class MiniPadderUpdater extends Updater {
         if (this.lastAlertMessage) {
           // `Update: message` or `Update x.x.x: message`
           this.alert(
-            `Update${this.lastAlertMessage}`
+            `Update${this.lastAlertMessage}`,
+            this.lastAlertType
           )
         }
         MiniPadderUpdater.announceMessage('Finished updating.')
@@ -31,7 +33,8 @@ class MiniPadderUpdater extends Updater {
   static announceMessage = MPCommon.announceMessageFrom('Updater')
 
   loadUpdateTasks () {
-    const setLastAlertMessage = (message, version) => {
+    const setLastAlertMessage = (message, version, type = 'info') => {
+      this.lastAlertType = type
       if (!message) {
         this.lastAlertMessage = null
       } else {

diff --git a/scss/main.scss b/scss/main.scss
@@ -199,17 +199,29 @@ sub {
       font-family: Segoe UI Emoji, monospace;
       margin-right: 0.2em;
     }
+    a {
+      color: #303030;
+    }
+    b {
+      display: inline;
+    }
     &.caution {
       background-color: #c1c08b;
       &:before {
         content: '⚠️ ';
       }
+      a {
+        color: #30301c;
+      }
     }
     &.info {
       background-color: #8ba8c1;
       &:before {
         content: 'ℹ️ ';
       }
+      a {
+        color: #1c2730;
+      }
     }
   }