Merge pull request #10268 from nextcloud/whatsnew-icon

Change what's new popover icon to checkmark, fix #10047

apps/updatenotification/package-lock.json

@@ -1664,7 +1664,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -2079,7 +2080,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -2135,6 +2137,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -2178,12 +2181,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },

apps/updatenotification/src/components/root.vue

@@ -227,7 +227,7 @@
 				}
 				var whatsNew = [];
 				for (var i in this.whatsNewData) {
-					whatsNew[i] = { icon: 'icon-star-dark', longtext: this.whatsNewData[i] };
+					whatsNew[i] = { icon: 'icon-checkmark', longtext: this.whatsNewData[i] };
 				}
 				if(this.changelogURL) {
 					whatsNew.push({

core/css/whatsnew.scss

@@ -9,7 +9,6 @@
   bottom: 35px !important;
   left: 15px !important;
   width: 270px;
-  background-color: var(--color-background-dark);
 }
 
 .whatsNewPopover p {
@@ -17,7 +16,7 @@
 }
 
 .whatsNewPopover .caption {
-  font-weight: bolder;
+  font-weight: bold;
   cursor: auto !important;
 }
 

core/js/public/whatsnew.js

@@ -82,7 +82,7 @@
 				menuItem.className = "menuitem";
 
 				icon = document.createElement('span');
-				icon.className = 'icon-star-dark';
+				icon.className = 'icon-checkmark';
 				menuItem.appendChild(icon);
 
 				text = document.createElement('p');