From 65e3d7d6a66176c0edb0d298b905f25cf48cd1c2 Mon Sep 17 00:00:00 2001
From: Pierre Ossman <ossman@cendio.se>
Date: Fri, 26 Aug 2016 16:12:51 +0200
Subject: [PATCH] Make control bar handle easier to hit on mobile

---
 app/styles/base.css | 14 ++++++++++++++
 vnc.html            |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/styles/base.css b/app/styles/base.css
index ec682c46..78f97dff 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 29d82521..5019bfd9 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">