From bb17b81454803442e4eeff667005487c327b415e Mon Sep 17 00:00:00 2001
From: Jasper Moelker <j.b.moelker@activeids.nl>
Date: Thu, 26 May 2016 08:29:22 +0200
Subject: [PATCH] Display article when no JS

When the script below <div class="article-container" style="display:none"> isn't executed,
the article remains invisible even though it has content. This change fixes this as it
hides the element using JS just before the XHR request. Other behaviour remains unchanged.
---
 server-templates/article-shell.dust | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/server-templates/article-shell.dust b/server-templates/article-shell.dust
index 9591669..c21ef41 100644
--- a/server-templates/article-shell.dust
+++ b/server-templates/article-shell.dust
@@ -12,15 +12,17 @@
       {/flags.article-css-import}
       <div class="article-container">
     {:else}
-      <div class="article-container" style="display:none">
+      <div class="article-container">
         <script>{`
           (function() {
+            var article = document.querySelector('.article-container');
             var req = new XMLHttpRequest();
+            article.style.display = 'none';
             req.onload = function() {
               var style = document.createElement('style');
               style.textContent = req.responseText;
               document.head.appendChild(style);
-              document.querySelector('.article-container').style.display = '';
+              article.style.display = '';
             }
             req.open('GET', '/css/wiki.css');
             req.send();