Skip to content

N
noVNC
Commit 9d04096e authored by samhed's avatar samhed
Browse files
Options

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

parent 53c01a23
Show whitespace changes
Inline Side-by-side
Showing with 28 additions and 45 deletions
include/base.css
View file @ 9d04096e
...@@ -410,34 +410,41 @@ html { ...@@ -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 { ...@@ -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 { ...@@ -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) {
......
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