prevent some flashing while data loads

nightscout · Mar 15, 2015 · 45f4979 · 45f4979
1 parent c54a322
commit 45f4979
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/static/css/main.css b/static/css/main.css
@@ -118,6 +118,11 @@ span.pill label {
     font-size: 20px;
     line-height: 30px;
 }
+
+.loading #lastEntry {
+    display: none;
+}
+
 #lastEntry {
     background: #808080;
     border-color: #808080;
@@ -249,6 +254,10 @@ div.tooltip {
     display: none;
 }
 
+.loading .focus-range {
+    display: none;
+}
+
 .focus-range {
     list-style: none;
     margin: 4px;

diff --git a/static/index.html b/static/index.html
@@ -24,7 +24,7 @@ <h1 class="customTitle">Nightscout</h1>
             <a href="#"><span></span><i class="icon-cancel-circled"></i></a>
         </div>
 
-        <div class="container" id="container">
+        <div class="container loading" id="container">
             <div class="status">
                 <div class="bgStatus current">
                     <div class="bgButton ">

diff --git a/static/js/client.js b/static/js/client.js
@@ -973,6 +973,10 @@ var app = {}, browserSettings = {}, browserStorage = $.localStorage;
         // update x axis domain
         context.select('.x')
             .call(xAxis2);
+
+        if (init) {
+            $('.container').removeClass('loading');
+        }
     }
 
     function sgvToColor(sgv) {