Prevents hidden element from blinking during pageload

closes #10
LS-Lab · Jul 22, 2016 · 12c5328 · 12c5328
1 parent ba9df2f
commit 12c5328
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/keymaerax-webui/src/main/resources/css/app.css b/keymaerax-webui/src/main/resources/css/app.css
@@ -526,4 +526,8 @@ table .btn{
 
 .error {
   boder-color: #FF0000;
+}
+
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+  display: none !important;
 }
diff --git a/keymaerax-webui/src/main/resources/dashboard.html b/keymaerax-webui/src/main/resources/dashboard.html
@@ -113,7 +113,7 @@
     </div>
 </div>
 
-<div class="container" ng-if="!mathematicaIsConfigured">
+<div class="container" ng-if="!mathematicaIsConfigured" ng-cloak>
     <div class="alert alert-warning" role="alert" id="mathematicaConfigurationAlert">
         <button type="button" class="close" data-dismiss="alert">&times;</button>
         <b><i class="fa fa-exclamation-triangle"></i> Warning:</b> Mathematica is not configured.