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

Decrease vnc container size and add info panel

This commit is contained in:
DomenGaber 2020-02-05 11:13:59 +01:00
parent c82f683881
commit 75381cb03b
2 changed files with 55 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
app/styles/base.css
View File

@ -847,7 +847,7 @@ select:active {
/* Main container */ /* Main container */
#noVNC_container { #noVNC_container {
width: 100%; width: 80%;
height: 100%; height: 100%;
background-color: #313131; background-color: #313131;
border-bottom-right-radius: 800px 600px; border-bottom-right-radius: 800px 600px;
@ -866,31 +866,53 @@ select:active {
ime-mode: disabled; ime-mode: disabled;
} }
#noVNC_mouse_coordinates { #noVNC_info_panel {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
padding: 20px; padding: 0 20px;
min-width: 150px; width: 20%;
font-size: 20px; height: 100%;
font-weight: 600;
text-align: center;
background-color: #fff; background-color: #fff;
border: 2px solid #E0E0E0; box-sizing: border-box;
border-radius: 0 0 0 5px; overflow: hidden;
box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.5); }
.noVNC_info_item {
width: 100%;
padding: 20px 0;
box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, .15);
text-align: center;
}
.noVNC_info_item_label {
display: inline-block;
margin-bottom: 15px;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
color: rgba(0, 0, 0, .5);
}
#noVNC_mouse_coordinates,
#noVNC_click_stack {
width: 100%;
font-weight: 600;
}
#noVNC_mouse_coordinates {
font-size: 20px;
text-align: center;
} }
#noVNC_click_stack { #noVNC_click_stack {
position: fixed; text-align: left;
bottom: 0; line-height: 1.4;
right: 0; margin: 0;
width: 250px; box-sizing: border-box;
height: 250px; height: 400px;
overflow: scroll; overflow-y: scroll;
background-color: #fff;
border-radius: 5px 0 0 0;
box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.5);
} }
/*Default noVNC logo.*/ /*Default noVNC logo.*/

21
vnc.html
View File

@ -328,16 +328,23 @@
autocomplete="off" spellcheck="false" tabindex="-1"></textarea> autocomplete="off" spellcheck="false" tabindex="-1"></textarea>
</div> </div>
<div id="noVNC_info_panel">
<div class="noVNC_info_item">
<span class="noVNC_info_item_label">Mouse coordinates</span>
<div id="noVNC_mouse_coordinates">
(0, 0)
</div>
</div>
<div class="noVNC_info_item noVNC_click_stack_container">
<span class="noVNC_info_item_label">Interaction stack</span>
<ol id="noVNC_click_stack">
</ol>
</div>
</div>
<audio id="noVNC_bell"> <audio id="noVNC_bell">
<source src="app/sounds/bell.oga" type="audio/ogg"> <source src="app/sounds/bell.oga" type="audio/ogg">
<source src="app/sounds/bell.mp3" type="audio/mpeg"> <source src="app/sounds/bell.mp3" type="audio/mpeg">
</audio> </audio>
<div id="noVNC_mouse_coordinates">
(0, 0)
</div>
<ol id="noVNC_click_stack">
</ol>
</body> </body>
</html> </html>