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

Tweaked the media sizing rules to match the new buttons to the left.

This commit is contained in:
samhed 2013-07-25 14:05:52 +02:00
parent 53c01a2353
commit 9d04096e58
1 changed files with 28 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
include/base.css
View File

@ -410,34 +410,41 @@ html {
z-index: 0;
position: absolute;
width: 100%;
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; }
#toggleAltButton { display: inline; }
#sendTabButton { display: inline; }
#sendEscButton { display: inline; }
/* left-align the status text on lower resolutions */
@media screen and (max-width: 800px){
#noVNC_status {
z-index: 1;
position: relative;
width: auto;
float: left;
margin-left: 4px;
}
#toggleCtrlButton {
display: inline;
}
#toggleAltButton {
display: inline;
}
#sendTabButton {
display: inline;
}
#sendEscButton {
display: inline;
}
@media screen and (max-width: 640px){
#noVNC_clipboard_text {
width: 410px;
}
#noVNC_logo {
font-size: 150px;
}
.noVNC_status_button {
font-size: 10px;
}
@ -447,12 +454,6 @@ html {
.noVNC-buttons-right {
padding-right: 0px;
}
#noVNC_status {
z-index: 1;
position: relative;
width: auto;
float: left;
}
#noVNC_extra_keys {
float: right;
top: -35px;
@ -460,30 +461,12 @@ html {
#noVNC_extra_keys li {
display: block;
}
#showExtraKeysButton {
display: inline;
}
#toggleCtrlButton {
display: none;
}
#toggleAltButton {
display: none;
}
#sendTabButton {
display: none;
}
#sendEscButton {
display: none;
}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
#noVNC_clipboard_text {
width: 410px;
}
#noVNC_logo {
font-size: 150px;
}
/* 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) {