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

73
include/base.css
View File

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