jcarr
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make control bar handle easier to hit on mobile

This commit is contained in:
Pierre Ossman 2016-08-26 16:12:51 +02:00
parent 38323d4d92
commit 65e3d7d6a6
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/styles/base.css
View File

@ -22,6 +22,10 @@ html {
height:100%; height:100%;
} }
.noVNC_only_touch.noVNC_hidden {
display: none;
}
/* ---------------------------------------- /* ----------------------------------------
* Input Elements * Input Elements
* ---------------------------------------- * ----------------------------------------
@ -202,6 +206,16 @@ input[type=button]:active, select:active {
:root:not(.noVNC_connected) #noVNC_control_bar_handle { :root:not(.noVNC_connected) #noVNC_control_bar_handle {
display: none; 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 { #noVNC_control_bar .noVNC_scroll {
max-height: 100vh; /* Chrome is buggy with 100% */ max-height: 100vh; /* Chrome is buggy with 100% */

2
vnc.html
View File

@ -53,7 +53,7 @@
<div id="noVNC_control_bar_anchor" class="noVNC_vcenter"> <div id="noVNC_control_bar_anchor" class="noVNC_vcenter">
<div id="noVNC_control_bar"> <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"> <div class="noVNC_scroll">