diff --git a/guacamole/src/main/webapp/client.xhtml b/guacamole/src/main/webapp/client.xhtml index ce528311e..312d3c3de 100644 --- a/guacamole/src/main/webapp/client.xhtml +++ b/guacamole/src/main/webapp/client.xhtml @@ -85,16 +85,10 @@ -
-
- -
- - - -
- -
+
+ + +
diff --git a/guacamole/src/main/webapp/scripts/interface.js b/guacamole/src/main/webapp/scripts/interface.js index ee0f49739..e01027209 100644 --- a/guacamole/src/main/webapp/scripts/interface.js +++ b/guacamole/src/main/webapp/scripts/interface.js @@ -142,7 +142,19 @@ var GuacamoleUI = { }; GuacamoleUI.showTouchMenu = function() { + + GuacamoleUI.touchMenu.style.left = + ((GuacamoleUI.viewport.offsetWidth - GuacamoleUI.touchMenu.offsetWidth) / 2 + + window.pageXOffset) + + "px"; + + GuacamoleUI.touchMenu.style.top = + ((GuacamoleUI.viewport.offsetHeight - GuacamoleUI.touchMenu.offsetHeight) / 2 + + window.pageYOffset) + + "px"; + GuacamoleUI.touchMenu.style.visibility = "visible"; + }; GuacamoleUI.shadeMenu = function() { diff --git a/guacamole/src/main/webapp/styles/client.css b/guacamole/src/main/webapp/styles/client.css index ebed759d3..7ed9c77a7 100644 --- a/guacamole/src/main/webapp/styles/client.css +++ b/guacamole/src/main/webapp/styles/client.css @@ -260,9 +260,14 @@ textarea#eventTarget { /* Touch-specific menu */ div#touchMenu { + + position: absolute; + visibility: hidden; + display: inline-block; background: black; border: 1px solid silver; padding: 1em; opacity: 0.8; + } \ No newline at end of file