]> git.proxmox.com Git - mirror_novnc.git/commitdiff
projects / mirror_novnc.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 5271e30)
Create our own button for CtrlAltDel in vnc_lite
authorSamuel Mannehed <samuel@cendio.se>
Tue, 21 Aug 2018 09:24:08 +0000 (11:24 +0200)
committerSamuel Mannehed <samuel@cendio.se>
Tue, 28 Aug 2018 08:42:39 +0000 (10:42 +0200)
In order to have better control of the layout and to make the code
easier to follow. Using input type button or buttons will imply a lot of
built in styling that differs from browser to browser.

vnc_lite.html patch | blob | blame | history

diff --git a/vnc_lite.html b/vnc_lite.html
index 71f28d95796a382fd8d8d3ff52b221eaa2054640..88e10797dbe1504039fdb95eda6b0ae877bee62e 100644 (file)
--- a/vnc_lite.html
+++ b/vnc_lite.html
@@ -38,26 +38,21 @@
 
         #noVNC_status_bar {
             background-color: #6e84a3;
-            width: 100%;
-            display: flex;
-            justify-content: space-between;
+            color: white;
+            font: bold 12px Helvetica;
+            padding: 6px 5px 4px 5px;
             border-bottom: 1px outset;
         }
         #noVNC_status {
-            color: #ffffff;
-            font: bold 12px Helvetica;
-            margin: auto;
+            text-align: center;
         }
-
-        #noVNC_left_dummy_elem {
-            flex: 1;
-        }
-
-        #noVNC_buttons {
-            padding: 1px;
-            flex: 1;
-            display: flex;
-            justify-content: flex-end;
+        #sendCtrlAltDelButton {
+            position: fixed;
+            top: 0px;
+            right: 0px;
+            border: 1px outset;
+            padding: 5px 5px 4px 5px;
+            cursor: pointer;
         }
 
     </style>
@@ -89,13 +84,11 @@
         // When this function is called we have
         // successfully connected to a server
         function connectedToServer(e) {
-            document.getElementById('sendCtrlAltDelButton').disabled = false;
             status("Connected to " + desktopName);
         }
 
         // This function is called when we are disconnected
         function disconnectedFromServer(e) {
-            document.getElementById('sendCtrlAltDelButton').disabled = true;
             if (e.detail.clean) {
                 status("Disconnected");
             } else {
@@ -196,12 +189,8 @@
 
 <body>
   <div id="noVNC_status_bar">
-    <div id="noVNC_left_dummy_elem"></div>
     <div id="noVNC_status">Loading</div>
-    <div id="noVNC_buttons">
-      <input type=button value="Send CtrlAltDel"
-             id="sendCtrlAltDelButton">
-    </div>
+    <div id="sendCtrlAltDelButton">Send CtrlAltDel</div>
   </div>
 </body>
 </html>
noVNC mirror