proxmox-mirrors/mirror_novnc
1
0
Fork 0
mirror of https://git.proxmox.com/git/mirror_novnc synced 2025-08-04 02:54:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Clean up panel layouts

Browse Source 
Make sure everything follows a consistent style and is properly
labeled.
This commit is contained in:
Pierre Ossman 2016-08-30 16:38:09 +02:00
parent ca25d2ae26
commit 1fe9faee6c
2 changed files with 89 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/styles/base.css
View File

@ -283,6 +283,15 @@ input[type=button]:active, select:active {
transform: translateX(75px);
}
.noVNC_panel hr {
border: none;
border-top: 1px solid rgb(192, 192, 192);
}
.noVNC_panel label {
display: block;
}
.noVNC_submit {
float: right;
}
@ -332,6 +341,10 @@ input[type=button]:active, select:active {
display: none;
}
#noVNC_xvp input[type=button] {
width: 100%;
}
/* Clipboard */
:root:not(.noVNC_connected) #noVNC_clipboard_button {
display: none;
@ -350,7 +363,7 @@ input[type=button]:active, select:active {
}
#noVNC_settings ul {
list-style: none;
margin: 3px;
margin: 0px;
padding: 0px;
}
#noVNC_setting_path {
@ -369,18 +382,9 @@ input[type=button]:active, select:active {
margin: 0px;
padding: 0px;
}
#noVNC_connect_controls li {
padding-bottom:8px;
}
#noVNC_setting_host {
width:150px;
}
#noVNC_setting_port {
width: 80px;
}
#noVNC_setting_password {
width: 150px;
}
/* ----------------------------------------
* Status Dialog
@ -462,12 +466,6 @@ input[type=button]:active, select:active {
margin: 0px;
padding: 0px;
}
#noVNC_password_dlg li {
padding-bottom:8px;
}
#noVNC_password_input {
width: 150px;
}
/* ----------------------------------------
* Main Area

105
vnc.html
View File

@ -147,37 +147,62 @@
<div class="noVNC_vcenter">
<div id="noVNC_settings" class="noVNC_panel">
<ul>
<li><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</li>
<li><input id="noVNC_setting_true_color" type="checkbox" checked /> True Color</li>
<li><input id="noVNC_setting_cursor" type="checkbox" /> Local Cursor</li>
<li><input id="noVNC_setting_clip" type="checkbox" /> Clip to Window</li>
<li><input id="noVNC_setting_shared" type="checkbox" /> Shared Mode</li>
<li><input id="noVNC_setting_view_only" type="checkbox" /> View Only</li>
<hr>
<li><input id="noVNC_setting_path" type="input" value="websockify" /> Path</li>
<li><label>
<select id="noVNC_setting_resize" name="vncResize">
<option value="off">None</option>
<option value="scale">Local Scaling</option>
<option value="downscale">Local Downscaling</option>
<option value="remote">Remote Resizing</option>
</select> Scaling Mode</label>
<li>
<label><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</label>
</li>
<li><input id="noVNC_setting_repeaterID" type="input" value="" /> Repeater ID</li>
<hr>
<li>
<label><input id="noVNC_setting_true_color" type="checkbox" checked /> True Color</label>
</li>
<li>
<label><input id="noVNC_setting_cursor" type="checkbox" /> Local Cursor</label>
</li>
<li>
<label><input id="noVNC_setting_clip" type="checkbox" /> Clip to Window</label>
</li>
<li>
<label><input id="noVNC_setting_shared" type="checkbox" /> Shared Mode</label>
</li>
<li>
<label><input id="noVNC_setting_view_only" type="checkbox" /> View Only</label>
</li>
<li><hr></li>
<li>
<label for="noVNC_setting_path">Path:</label>
<input id="noVNC_setting_path" type="input" value="websockify" />
</li>
<li>
<label for="noVNC_setting_resize">Scaling Mode:</label>
<select id="noVNC_setting_resize" name="vncResize">
<option value="off">None</option>
<option value="scale">Local Scaling</option>
<option value="downscale">Local Downscaling</option>
<option value="remote">Remote Resizing</option>
</select>
</li>
<li>
<label for="noVNC_setting_repeaterID">Repeater ID:</label>
<input id="noVNC_setting_repeaterID" type="input" value="" />
</li>
<li><hr></li>
<!-- Stylesheet selection dropdown -->
<li><label><strong>Style: </strong>
<li>
<label>Style:
<select id="noVNC_setting_stylesheet" name="vncStyle">
<option value="default">default</option>
</select></label>
</select>
</label>
</li>
<!-- Logging selection dropdown -->
<li><label><strong>Logging: </strong>
<li>
<label>Logging:
<select id="noVNC_setting_logging" name="vncLogging">
</select></label>
</select>
</label>
</li>
<li><hr></li>
<li>
<input type="button" id="noVNC_settings_apply" value="Apply" class="noVNC_submit" />
</li>
<hr>
<li><input type="button" id="noVNC_settings_apply" value="Apply" class="noVNC_submit" /></li>
</ul>
</div>
</div>
@ -192,11 +217,26 @@
<div class="noVNC_vcenter">
<div id="noVNC_connect_controls" class="noVNC_panel">
<ul>
<li><label><strong>Host: </strong><input id="noVNC_setting_host" /></label></li>
<li><label><strong>Port: </strong><input id="noVNC_setting_port" /></label></li>
<li><label><strong>Password: </strong><input id="noVNC_setting_password" type="password" /></label></li>
<li><label><strong>Token: </strong><input id="noVNC_setting_token" /></label></li>
<li><input id="noVNC_connect_button" type="button" value="Connect" class="noVNC_submit" /></li>
<li>
<label for="noVNC_setting_host">Host:</label>
<input id="noVNC_setting_host" />
</li>
<li>
<label for="noVNC_setting_port">Port:</label>
<input id="noVNC_setting_port" />
</li>
<li>
<label for="noVNC_setting_password">Password:</label>
<input id="noVNC_setting_password" type="password" />
</li>
<li>
<label for="noVNC_setting_token">Token:</label>
<input id="noVNC_setting_token" />
</li>
<li><hr></li>
<li>
<input id="noVNC_connect_button" type="button" value="Connect" class="noVNC_submit" />
</li>
</ul>
</div>
</div>
@ -213,8 +253,13 @@
<div class="noVNC_center">
<div id="noVNC_password_dlg" class="noVNC_panel">
<ul>
<li><label><strong>Password: </strong><input id="noVNC_password_input" type="password" /></label></li>
<li><input id="noVNC_password_button" type="button" value="Send Password" class="noVNC_submit" /></li>
<li>
<label>Password:</label>
<input id="noVNC_password_input" type="password" />
</li>
<li>
<input id="noVNC_password_button" type="button" value="Send Password" class="noVNC_submit" />
</li>
</ul>
</div>
</div>