diff --git a/pages/popup/popup.css b/pages/popup/popup.css index fdc29282ef85960898f3b0e21743a5cfa6273f70..204c0375147050bb6f32e8d68675ed747f37c82c 100644 --- a/pages/popup/popup.css +++ b/pages/popup/popup.css @@ -228,7 +228,7 @@ footer { display: none; } -.label-beta { +.label-version { color: #6aac91; font-size: 9px; } diff --git a/pages/popup/popup.html b/pages/popup/popup.html index b0b1037119dfc854e865b1b59427bc3a4b16e39f..53dab5808455c4fb98027736be521a7eb3b12856 100644 --- a/pages/popup/popup.html +++ b/pages/popup/popup.html @@ -23,7 +23,7 @@ <header> <img class="icon-logo" src="icon.svg" alt="Extension Icon"> - <div class="heading">Decentraleyes <sup class="label-beta">BETA</sup></div> + <div class="heading">Decentraleyes <sup id="version-label" class="label-version"></sup></div> </header> diff --git a/pages/popup/popup.js b/pages/popup/popup.js index 6bdb5f6665ef91467b9e6839a654a56a74a53a26..af2996f757b96c4a345e005952bd3592a9f97a7d 100644 --- a/pages/popup/popup.js +++ b/pages/popup/popup.js @@ -52,7 +52,15 @@ popup._determineScriptDirection = function (language) { document.addEventListener('DOMContentLoaded', function () { - let optionsButtonElement, optionsTitle, scriptDirection, i18nElements; + let version, optionsButtonElement, optionsTitle, scriptDirection, i18nElements; + + version = browser.runtime.getManifest().version; + + if (version.indexOf('beta') !== -1) { + version = 'BETA'; + } + + document.getElementById('version-label').innerText = version; optionsButtonElement = document.getElementById('options-button'); optionsTitle = chrome.i18n.getMessage('optionsTitle');