diff --git a/src/ext/conf/ExtensionConf.js b/src/ext/conf/ExtensionConf.js index a8df2ad..9a4d4ec 100644 --- a/src/ext/conf/ExtensionConf.js +++ b/src/ext/conf/ExtensionConf.js @@ -836,6 +836,7 @@ var ExtensionConf = { } }, ], +whatsNewChecked: true, // ----------------------------------------- // ::: SITE CONFIGURATION ::: // ----------------------------------------- diff --git a/src/ext/lib/Settings.js b/src/ext/lib/Settings.js index d935ed7..d1c724d 100644 --- a/src/ext/lib/Settings.js +++ b/src/ext/lib/Settings.js @@ -129,6 +129,9 @@ class Settings { // in case settings in previous version contained a fucky wucky, we overwrite existing settings with a patch ObjectCopy.overwrite(this.active, ExtensionConfPatch['4.2.0']); + // set 'whatsNewChecked' flag to false when updating + this.active.whatsNewChecked = false; + this.set(this.active); return this.active; } diff --git a/src/popup/App.vue b/src/popup/App.vue index 9ce3e4c..5e55a87 100644 --- a/src/popup/App.vue +++ b/src/popup/App.vue @@ -100,7 +100,8 @@ :class="{'selected-tab': selectedTab === 'whats-new'}" @click="selectTab('whats-new')" > -
+
What's new?
@@ -256,6 +257,10 @@ export default { }, selectTab(tab) { this.selectedTab = tab; + if (tab === 'whats-new') { + this.settings.active.whatsNewChecked = true; + this.settings.save(); + } }, selectFrame(frame) { this.selectedFrame = frame; diff --git a/src/res/css/common.scss b/src/res/css/common.scss index 984c2a6..234b61e 100644 --- a/src/res/css/common.scss +++ b/src/res/css/common.scss @@ -332,6 +332,18 @@ small { padding-right: 10px; } +.new { + color: #fff; +} + +.new::after { + content: "ⓘ"; + color: $info-color !important; + display: inline-block; + font-weight: bold; + padding-right: 10px; +} + .experimental::after { // content: "Experimental"; content: "Ⓔ";