From 011e4bff34c7d1a0540b388ec262308018ca57fe Mon Sep 17 00:00:00 2001 From: Samuel Mannehed Date: Tue, 21 Aug 2018 11:24:08 +0200 Subject: [PATCH] Create our own button for CtrlAltDel in vnc_lite 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 | 35 ++++++++++++----------------------- 1 file changed, 12 insertions(+), 23 deletions(-) diff --git a/vnc_lite.html b/vnc_lite.html index 71f28d95..88e10797 100644 --- 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; } @@ -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 @@
-
Loading
-
- -
+
Send CtrlAltDel