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

Add headings to panels

This commit is contained in:
Pierre Ossman 2016-08-30 16:38:45 +02:00
parent 1fe9faee6c
commit 5454c34511
4 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/styles/base.css
View File

@ -292,6 +292,21 @@ input[type=button]:active, select:active {
display: block; display: block;
} }
.noVNC_panel .noVNC_heading {
background-color: rgb(110, 132, 163);
border-radius: 5px;
padding: 5px;
/* Compensate for padding in image */
padding-right: 8px;
color: white;
font-size: 20px;
margin-bottom: 10px;
white-space: nowrap;
}
.noVNC_panel .noVNC_heading img {
vertical-align: bottom;
}
.noVNC_submit { .noVNC_submit {
float: right; float: right;
} }

2
app/styles/black.css
View File

@ -12,7 +12,7 @@
color:#fff; color:#fff;
} }
#noVNC_control_bar, #noVNC_control_bar_handle { #noVNC_control_bar, #noVNC_control_bar_handle, .noVNC_panel .noVNC_heading {
background: #4c4c4c; background: #4c4c4c;
} }

2
app/styles/blue.css
View File

@ -12,6 +12,6 @@
color:#fff; color:#fff;
} }
#noVNC_control_bar, #noVNC_control_bar_handle { #noVNC_control_bar, #noVNC_control_bar_handle, .noVNC_panel .noVNC_heading {
background: #080F80; background: #080F80;
} }

12
vnc.html
View File

@ -115,6 +115,9 @@
title="Shutdown/Reboot..." /> title="Shutdown/Reboot..." />
<div class="noVNC_vcenter"> <div class="noVNC_vcenter">
<div id="noVNC_xvp" class="noVNC_panel"> <div id="noVNC_xvp" class="noVNC_panel">
<div class="noVNC_heading">
<img src="app/images/power.svg"> Power
</div>
<input type="button" id="noVNC_xvp_shutdown_button" value="Shutdown" /> <input type="button" id="noVNC_xvp_shutdown_button" value="Shutdown" />
<input type="button" id="noVNC_xvp_reboot_button" value="Reboot" /> <input type="button" id="noVNC_xvp_reboot_button" value="Reboot" />
<input type="button" id="noVNC_xvp_reset_button" value="Reset" /> <input type="button" id="noVNC_xvp_reset_button" value="Reset" />
@ -127,6 +130,9 @@
title="Clipboard" /> title="Clipboard" />
<div class="noVNC_vcenter"> <div class="noVNC_vcenter">
<div id="noVNC_clipboard" class="noVNC_panel"> <div id="noVNC_clipboard" class="noVNC_panel">
<div class="noVNC_heading">
<img src="app/images/clipboard.svg"> Clipboard
</div>
<textarea id="noVNC_clipboard_text" rows=5> <textarea id="noVNC_clipboard_text" rows=5>
</textarea> </textarea>
<br /> <br />
@ -147,6 +153,9 @@
<div class="noVNC_vcenter"> <div class="noVNC_vcenter">
<div id="noVNC_settings" class="noVNC_panel"> <div id="noVNC_settings" class="noVNC_panel">
<ul> <ul>
<li class="noVNC_heading">
<img src="app/images/settings.svg"> Settings
</li>
<li> <li>
<label><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</label> <label><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</label>
</li> </li>
@ -217,6 +226,9 @@
<div class="noVNC_vcenter"> <div class="noVNC_vcenter">
<div id="noVNC_connect_controls" class="noVNC_panel"> <div id="noVNC_connect_controls" class="noVNC_panel">
<ul> <ul>
<li class="noVNC_heading">
<img src="app/images/connect.svg"> Connection
</li>
<li> <li>
<label for="noVNC_setting_host">Host:</label> <label for="noVNC_setting_host">Host:</label>
<input id="noVNC_setting_host" /> <input id="noVNC_setting_host" />