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

Make connect button more prominent

Browse Source 
It's generally the only thing the user needs to click on, so make
sure it clearly stands out.
This commit is contained in:
Pierre Ossman
2016-10-29 17:58:34 +02:00
parent 512d3605ad
commit b3c932c386
3 changed files with 114 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
vnc.html
View File

@@ -249,9 +249,6 @@
</div>
<!-- Connection Controls -->
<input type="image" alt="Connect" src="app/images/connect.svg"
id="noVNC_connect_button" class="noVNC_button"
title="Connect" />
<input type="image" alt="Disconnect" src="app/images/disconnect.svg"
id="noVNC_disconnect_button" class="noVNC_button"
title="Disconnect" />
@@ -264,6 +261,16 @@
<!-- Status Dialog -->
<div id="noVNC_status"></div>
<!-- Connect button -->
<div class="noVNC_center">
<div id="noVNC_connect_dlg">
<div class="noVNC_logo" translate="no"><span>no</span>VNC</div>
<div id="noVNC_connect_button"><div>
<img src="app/images/connect.svg"> Connect
</div></div>
</div>
</div>
<!-- Password Dialog -->
<div class="noVNC_center">
<div id="noVNC_password_dlg" class="noVNC_panel">
@@ -286,8 +293,6 @@
</div>
<div id="noVNC_container">
<h1 id="noVNC_logo" class="noVNC_logo" translate="no"><span>no</span><br />VNC</h1>
<!-- HTML5 Canvas -->
<div id="noVNC_screen">
<!-- Note that Google Chrome on Android doesn't respect any of these,