Make sure the control bar hint is centered
Fixed positioned flex boxes are not positioned correctly in Safari. Add the normal top 50% translate -50% method. Fixes issue #848.
This commit is contained in:
parent
edb7879927
commit
74a29f3ff5
|
@ -409,6 +409,8 @@ select:active {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: calc(100vw - 50px);
|
left: calc(100vw - 50px);
|
||||||
right: auto;
|
right: auto;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%) scale(0);
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 50%;
|
height: 50%;
|
||||||
max-height: 600px;
|
max-height: 600px;
|
||||||
|
@ -420,7 +422,6 @@ select:active {
|
||||||
box-shadow: 0 0 10px black, inset 0 0 10px 10px rgba(110, 132, 163, 0.8);
|
box-shadow: 0 0 10px black, inset 0 0 10px 10px rgba(110, 132, 163, 0.8);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
transition-delay: 0s;
|
transition-delay: 0s;
|
||||||
transform: scale(0);
|
|
||||||
}
|
}
|
||||||
#noVNC_control_bar_anchor.noVNC_right #noVNC_control_bar_hint{
|
#noVNC_control_bar_anchor.noVNC_right #noVNC_control_bar_hint{
|
||||||
left: auto;
|
left: auto;
|
||||||
|
@ -430,7 +431,7 @@ select:active {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition-delay: 0.2s;
|
transition-delay: 0.2s;
|
||||||
transform: scale(1);
|
transform: translateY(-50%) scale(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* General button style */
|
/* General button style */
|
||||||
|
|
Loading…
Reference in New Issue