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

Switched from using a list to absolute positions to achieve more 

consistant behavior across different browsers.
This commit is contained in:
samhed 2013-07-25 15:34:16 +02:00
parent 9d04096e58
commit bd88b94393
2 changed files with 44 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
include/base.css
View File

@ -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 {
.noVNC-buttons-right { .noVNC-buttons-right {
padding-right: 0px; padding-right: 0px;
} }
#noVNC_extra_keys {
float: right;
top: -35px;
}
#noVNC_extra_keys li {
display: block;
}
/* collapse the extra keys on lower resolutions */ /* collapse the extra keys on lower resolutions */
#showExtraKeysButton { display: inline; } #showExtraKeysButton {
#toggleCtrlButton { display: none; } display: inline;
#toggleAltButton { display: none; } }
#sendTabButton { display: none; } #toggleCtrlButton {
#sendEscButton { display: none; } 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;
}
} }
@media screen and (min-width: 321px) and (max-width: 480px) { @media screen and (min-width: 321px) and (max-width: 480px) {

24
vnc.html
View File

@ -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>