diff --git a/app/styles/base.css b/app/styles/base.css index 3ca9894d..6158eb30 100644 --- a/app/styles/base.css +++ b/app/styles/base.css @@ -564,6 +564,14 @@ select:active { #noVNC_control_bar .noVNC_logo { font-size: 13px; + margin-bottom: 0; +} + +.noVNC_version { + margin: 0; + font-size: small; + text-align: center; + color: #ffa500; } :root:not(.noVNC_connected) #noVNC_view_drag_button { diff --git a/app/ui.js b/app/ui.js index 55d5cbe0..3eb6d2a9 100644 --- a/app/ui.js +++ b/app/ui.js @@ -59,6 +59,11 @@ const UI = { // Translate the DOM l10n.translateDOM(); + WebUtil.fetchJSON('../package.json') + .then((packageInfo) => { + Array.from(document.getElementsByClassName('noVNC_version')).forEach(el => el.innerText = packageInfo.version); + }); + // Adapt the interface for touch screen devices if (isTouchDevice) { document.documentElement.classList.add("noVNC_touch"); diff --git a/vnc.html b/vnc.html index 212321bd..5fa34654 100644 --- a/vnc.html +++ b/vnc.html @@ -92,6 +92,7 @@