Use transition animation while loading

This shows the transition animation while loading, so users can see something is going on.
sfrias · Mar 21, 2017 · e25f9c4 · e25f9c4
1 parent dfae320
commit e25f9c4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/app/styles/base.css b/app/styles/base.css
@@ -774,6 +774,7 @@ select:active {
   justify-content: center;
   flex-direction: column;
 }
+:root.noVNC_loading #noVNC_transition,
 :root.noVNC_connecting #noVNC_transition,
 :root.noVNC_disconnecting #noVNC_transition,
 :root.noVNC_reconnecting #noVNC_transition {

diff --git a/app/ui.js b/app/ui.js
@@ -150,6 +150,7 @@ const UI = {
         UI.updateVisualState();
 
         document.getElementById('noVNC_setting_host').focus();
+        document.documentElement.classList.remove("noVNC_loading");
 
         var autoconnect = WebUtil.getConfigVar('autoconnect', false);
         if (autoconnect === 'true' || autoconnect == '1') {

diff --git a/vnc.html b/vnc.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html class="noVNC_loading">
 <head>
 
     <!--