Commit bd88b943 authored by samhed's avatar samhed

Switched from using a list to absolute positions to achieve more

consistant behavior across different browsers.
parent 9d04096e
...@@ -413,14 +413,6 @@ html { ...@@ -413,14 +413,6 @@ html {
margin-left: 0px; margin-left: 0px;
} }
#noVNC_extra_keys {
float: none;
top: 0px;
}
#noVNC_extra_keys li {
display: inline;
}
#showExtraKeysButton { display: none; } #showExtraKeysButton { display: none; }
#toggleCtrlButton { display: inline; } #toggleCtrlButton { display: inline; }
#toggleAltButton { display: inline; } #toggleAltButton { display: inline; }
...@@ -454,19 +446,34 @@ html { ...@@ -454,19 +446,34 @@ html {
.noVNC-buttons-right { .noVNC-buttons-right {
padding-right: 0px; padding-right: 0px;
} }
#noVNC_extra_keys { /* collapse the extra keys on lower resolutions */
float: right; #showExtraKeysButton {
top: -35px; display: inline;
} }
#noVNC_extra_keys li { #toggleCtrlButton {
display: block; display: none;
position: absolute;
top: 30px;
left: 0px;
}
#toggleAltButton {
display: none;
position: absolute;
top: 65px;
left: 0px;
}
#sendTabButton {
display: none;
position: absolute;
top: 100px;
left: 0px;
}
#sendEscButton {
display: none;
position: absolute;
top: 135px;
left: 0px;
} }
/* collapse the extra keys on lower resolutions */
#showExtraKeysButton { display: inline; }
#toggleCtrlButton { display: none; }
#toggleAltButton { display: none; }
#sendTabButton { display: none; }
#sendEscButton { display: none; }
} }
@media screen and (min-width: 321px) and (max-width: 480px) { @media screen and (min-width: 321px) and (max-width: 480px) {
......
...@@ -68,23 +68,23 @@ ...@@ -68,23 +68,23 @@
value="Keyboard" title="Show Keyboard"/> value="Keyboard" title="Show Keyboard"/>
<input type="email" autocapitalize="off" autocorrect="off" <input type="email" autocapitalize="off" autocorrect="off"
id="keyboardinput" class=""/> id="keyboardinput" class=""/>
<ul id="noVNC_extra_keys"> <div id="noVNC_extra_keys">
<li><input type="image" src="images/showextrakeys.png" <input type="image" src="images/showextrakeys.png"
id="showExtraKeysButton" id="showExtraKeysButton"
class="noVNC_status_button"></li> class="noVNC_status_button">
<li><input type="image" src="images/ctrl.png" <input type="image" src="images/ctrl.png"
id="toggleCtrlButton" id="toggleCtrlButton"
class="noVNC_status_button"></li> class="noVNC_status_button">
<li><input type="image" src="images/alt.png" <input type="image" src="images/alt.png"
id="toggleAltButton" id="toggleAltButton"
class="noVNC_status_button"></li> class="noVNC_status_button">
<li><input type="image" src="images/tab.png" <input type="image" src="images/tab.png"
id="sendTabButton" id="sendTabButton"
class="noVNC_status_button"></li> class="noVNC_status_button">
<li><input type="image" src="images/esc.png" <input type="image" src="images/esc.png"
id="sendEscButton" id="sendEscButton"
class="noVNC_status_button"></li> class="noVNC_status_button">
</ul> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment