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

Move control bar hint outside of the control bar 

Makes it a more independent element responsible for it's own positioning
and vertical centering. This makes the hint easier to adapt for external
CSS styles and makes it possible to remote the fixed size if needed.
This commit is contained in:
Samuel Mannehed 2022-10-24 15:29:27 +02:00
parent 3141c0e01b
commit f59be0586f
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/styles/base.css
View File

@ -346,11 +346,17 @@ html {
} }
/* Control bar hint */ /* Control bar hint */
#noVNC_control_bar_hint { #noVNC_hint_anchor {
position: fixed; position: fixed;
left: calc(100vw - 50px); right: -50px;
left: auto;
}
#noVNC_control_bar_anchor.noVNC_right + #noVNC_hint_anchor {
left: -50px;
right: auto; right: auto;
top: calc(50vh - 25%); }
#noVNC_control_bar_hint {
position: relative;
transform: scale(0); transform: scale(0);
width: 100px; width: 100px;
height: 50%; height: 50%;
@ -364,10 +370,6 @@ html {
border-radius: 10px; border-radius: 10px;
transition-delay: 0s; transition-delay: 0s;
} }
#noVNC_control_bar_anchor.noVNC_right #noVNC_control_bar_hint{
left: auto;
right: calc(100vw - 50px);
}
#noVNC_control_bar_hint.noVNC_active { #noVNC_control_bar_hint.noVNC_active {
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;

7
vnc.html
View File

@ -255,10 +255,13 @@
</div> </div>
</div> </div>
<div id="noVNC_control_bar_hint"></div>
</div> <!-- End of noVNC_control_bar --> </div> <!-- End of noVNC_control_bar -->
<div id="noVNC_hint_anchor" class="noVNC_vcenter">
<div id="noVNC_control_bar_hint">
</div>
</div>
<!-- Status Dialog --> <!-- Status Dialog -->
<div id="noVNC_status"></div> <div id="noVNC_status"></div>