git.fiddlerwoaroof.com
Browse code

Hide uninitialized elements from the uninitiated :)

fiddlerwoaroof authored on 27/01/2016 16:55:04
Showing 2 changed files
static/css/main.css
History View file @ e1821b4
... ... 
@@ -244,10 +244,6 @@ a:active, a:hover { text-decoration: underline; }
244 244 
   border-bottom-left-radius: 3.5em;
245 245 
 }
246 246
247 
-.hidden {
248 
-  display: none;
249 
-}
250 
-
251 247 
 .userinfo .user {
252 248 
   font-size: 1.5em;
253 249 
 }
static/index.mustache.html
History View file @ e1821b4
... ... 
@@ -7,6 +7,15 @@
7 7
8 8 
     <!--<link rel="stylesheet" href="/css/baseline.css">-->
9 9 
     <link rel="stylesheet" href="/static/css/main.css">
10 
+    <style type="text/css">
11 
+    // This is here so that javascript-loaded elements don't get displayed '
12 
+    .hidden {
13 
+      visibility: hidden;
14 
+    }
15 
+    .ready.hidden {
16 
+      visibility: visible;
17 
+    }
18 
+    </style>
10 19 
   </head>
11 20 
   <body>
12 21 
     <h1>In Angulis</h1>
... ... 
@@ -34,15 +43,15 @@
34 43 
     <h2>Link Queue (reviewed links):</h2>
35 44 
     {{/user}}
36 45
46 
+      {{=<% %>=}}
37 47 
     <ul id="submissions">
38 
-          {{=<% %>=}}
39 
-      <li class="in-progress {{ ready }}" v-if="newLink.headline || newLink.url">
48 
+      <li class="in-progress {{ ready }} hidden" v-if="newLink.headline || newLink.url">
40 49 
         <a href="#">
41 50 
           <h2>{{ newLink.headline }}</h2>
42 51 
           <p>{{ newLink.url }}</p>
43 52 
         </a>
44 53 
       </li>
45 
-          <%={{ }}=%>
54 
+      <%={{ }}=%>
46 55
47 56 
       {{#links}}
48 57 
       <li class="submission">
... ... 
@@ -92,7 +101,9 @@ new Vue({
92 101 
     },
93 102 
   }
94 103 
 });
104 
+
95 105 
     </script>
96 106 
   </body>
97 107 
 </html>
98 108
109 
+<!-- vim: set ft=mustache: -->