From: Pierre Ossman <ossman@cendio.se>
Date: Fri, 26 Aug 2016 14:12:51 +0000 (+0200)
Subject: Make control bar handle easier to hit on mobile
X-Git-Tag: v1.0.0~261^2^2~8
X-Git-Url: https://git.proxmox.com/?a=commitdiff_plain;h=65e3d7d6a66176c0edb0d298b905f25cf48cd1c2;p=mirror_novnc.git

Make control bar handle easier to hit on mobile
---

diff --git a/app/styles/base.css b/app/styles/base.css
index ec682c4..78f97df 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -22,6 +22,10 @@ html {
   height:100%;
 }
 
+.noVNC_only_touch.noVNC_hidden {
+  display: none;
+}
+
 /* ----------------------------------------
  * Input Elements
  * ----------------------------------------
@@ -202,6 +206,16 @@ input[type=button]:active, select:active {
 :root:not(.noVNC_connected) #noVNC_control_bar_handle {
   display: none;
 }
+#noVNC_control_bar_handle div {
+  position: absolute;
+  right: -35px;
+  top: 0;
+  width: 50px;
+  height: 50px;
+}
+:root:not(.noVNC_touch) #noVNC_control_bar_handle div {
+  display: none;
+}
 
 #noVNC_control_bar .noVNC_scroll {
   max-height: 100vh; /* Chrome is buggy with 100% */
diff --git a/vnc.html b/vnc.html
index 29d8252..5019bfd 100644
--- a/vnc.html
+++ b/vnc.html
@@ -53,7 +53,7 @@
     <div id="noVNC_control_bar_anchor" class="noVNC_vcenter">
 
         <div id="noVNC_control_bar">
-            <div id="noVNC_control_bar_handle" title="Hide/Show the control bar"></div>
+            <div id="noVNC_control_bar_handle" title="Hide/Show the control bar"><div></div></div>
 
             <div class="noVNC_scroll">