diff --git a/app/styles/base.css b/app/styles/base.css index f438a49d..855c737a 100644 --- a/app/styles/base.css +++ b/app/styles/base.css @@ -2,6 +2,7 @@ * noVNC base CSS * Copyright (C) 2012 Joel Martin * Copyright (C) 2016 Samuel Mannehed for Cendio AB + * Copyright (C) 2016 Pierre Ossman for Cendio AB * noVNC is licensed under the MPL 2.0 (see LICENSE.txt) * This file is licensed under the 2-Clause BSD license (see LICENSE.txt). */ @@ -151,6 +152,9 @@ html { #noVNC_sendEsc_button { display: inline; } +#noVNC_modifiers { + display: inline; +} /* Left side buttons */ .noVNC_buttons_left { @@ -430,26 +434,25 @@ html { #noVNC_toggleExtraKeys_button { display: inline; } - #noVNC_toggleCtrl_button { + #noVNC_modifiers { display: none; + } + #noVNC_toggleCtrl_button { position: absolute; top: 30px; left: 0px; } #noVNC_toggleAlt_button { - display: none; position: absolute; top: 65px; left: 0px; } #noVNC_sendTab_button { - display: none; position: absolute; top: 100px; left: 0px; } #noVNC_sendEsc_button { - display: none; position: absolute; top: 135px; left: 0px; diff --git a/app/ui.js b/app/ui.js index 214c6a1d..ee114705 100644 --- a/app/ui.js +++ b/app/ui.js @@ -2,6 +2,7 @@ * noVNC: HTML5 VNC client * Copyright (C) 2012 Joel Martin * Copyright (C) 2016 Samuel Mannehed for Cendio AB + * Copyright (C) 2016 Pierre Ossman for Cendio AB * Licensed under MPL 2.0 (see LICENSE.txt) * * See README.md for usage and integration instructions. @@ -1216,17 +1217,11 @@ var UI; toggleExtraKeys: function() { UI.keepKeyboard(); if(UI.extraKeysVisible === false) { - document.getElementById('noVNC_toggleCtrl_button').style.display = "inline"; - document.getElementById('noVNC_toggleAlt_button').style.display = "inline"; - document.getElementById('noVNC_sendTab_button').style.display = "inline"; - document.getElementById('noVNC_sendEsc_button').style.display = "inline"; + document.getElementById('noVNC_modifiers').style.display = "inline"; document.getElementById('noVNC_toggleExtraKeys_button').className = "noVNC_status_button_selected"; UI.extraKeysVisible = true; } else if(UI.extraKeysVisible === true) { - document.getElementById('noVNC_toggleCtrl_button').style.display = ""; - document.getElementById('noVNC_toggleAlt_button').style.display = ""; - document.getElementById('noVNC_sendTab_button').style.display = ""; - document.getElementById('noVNC_sendEsc_button').style.display = ""; + document.getElementById('noVNC_modifiers').style.display = ""; document.getElementById('noVNC_toggleExtraKeys_button').className = "noVNC_status_button"; UI.extraKeysVisible = false; } diff --git a/vnc.html b/vnc.html index 0521c4e1..c7cad8fb 100644 --- a/vnc.html +++ b/vnc.html @@ -6,6 +6,7 @@ noVNC example: simple example using default UI Copyright (C) 2012 Joel Martin Copyright (C) 2016 Samuel Mannehed for Cendio AB + Copyright (C) 2016 Pierre Ossman for Cendio AB noVNC is licensed under the MPL 2.0 (see LICENSE.txt) This file is licensed under the 2-Clause BSD license (see LICENSE.txt). @@ -81,14 +82,16 @@
- - - - +
+ + + + +