Эх сурвалжийг харах

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

samhed 12 жил өмнө
parent
commit
9d04096e58
1 өөрчлөгдсөн 28 нэмэгдсэн , 45 устгасан
  1. 28 45
      include/base.css

+ 28 - 45
include/base.css

@@ -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 {
-  display: none;
-}
-#toggleCtrlButton {
-  display: inline;
-}
-#toggleAltButton {
-  display: inline;
-}
-#sendTabButton {
-  display: inline;
-}
-#sendEscButton {
-  display: inline;
+#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;
+  }
 }
 }
 
 
 @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 {
-    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) {
 @media screen and (min-width: 321px) and (max-width: 480px) {