Beginning to merge rendering code in main.js and regexper.js

2014-12-29 18:37:21 -05:00
parent 8dda135960
commit d6e81a2932
4 changed files with 34 additions and 26 deletions
@@ -285,16 +285,6 @@ header {
  }
 }

-#loading {
-  background: $white;
-  padding: rhythm(1/2) 0;
-  display: none;
-
-  body.is-loading & {
-    display: block;
-  }
-}
-
 .progress {
  width: 50%;
  height: rhythm(1/2);
@@ -362,10 +352,19 @@ header {
  width: 100%;
  overflow: auto;
  text-align: center;
+  display: none;

-  body.is-loading &, body.has-error & {
-    position: absolute;
-    top: -10000px;
+  body.is-loading & {
+    display: block;
+
+    .svg {
+      position: absolute;
+      top: -10000px;
+    }
+  }
+
+  body.has-results & {
+    display: block;
  }
 }