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

View File

@ -292,6 +292,21 @@ input[type=button]:active, select:active {
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 {
float: right;
}

View File

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

View File

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

View File

@ -115,6 +115,9 @@
title="Shutdown/Reboot..." />
<div class="noVNC_vcenter">
<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_reboot_button" value="Reboot" />
<input type="button" id="noVNC_xvp_reset_button" value="Reset" />
@ -127,6 +130,9 @@
title="Clipboard" />
<div class="noVNC_vcenter">
<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>
<br />
@ -147,6 +153,9 @@
<div class="noVNC_vcenter">
<div id="noVNC_settings" class="noVNC_panel">
<ul>
<li class="noVNC_heading">
<img src="app/images/settings.svg"> Settings
</li>
<li>
<label><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</label>
</li>
@ -217,6 +226,9 @@
<div class="noVNC_vcenter">
<div id="noVNC_connect_controls" class="noVNC_panel">
<ul>
<li class="noVNC_heading">
<img src="app/images/connect.svg"> Connection
</li>
<li>
<label for="noVNC_setting_host">Host:</label>
<input id="noVNC_setting_host" />