From f3ed22f56405ce6cfe6c66fee70b0d58c2afe620 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@peacefrogs.net>
Date: Sun, 28 Oct 2012 18:38:54 +0100
Subject: Better no-JS message

---
 chimere/static/chimere/css/styles.css |  7 ++++++-
 chimere/templates/chimere/base.html   | 11 +++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/chimere/static/chimere/css/styles.css b/chimere/static/chimere/css/styles.css
index b50e829..06ebf1b 100644
--- a/chimere/static/chimere/css/styles.css
+++ b/chimere/static/chimere/css/styles.css
@@ -546,8 +546,13 @@ p.warning{
 }
 
 #no-js-message{
-    z-index:1000;
+    z-index:5000;
     text-align:center;
+    position:absolute;
+    top:0;
+    bottom:0;
+    height:100%;
+    width:100%;
 }
 
 
diff --git a/chimere/templates/chimere/base.html b/chimere/templates/chimere/base.html
index 709ff9c..a1a0b39 100644
--- a/chimere/templates/chimere/base.html
+++ b/chimere/templates/chimere/base.html
@@ -6,6 +6,11 @@
 <link rel="stylesheet" href="{{ css_area }}" />{% endif %}
 {% endblock %}
 {% block header %}
+<noscript>
+    <div id="no-js-message">
+        <p id='no-js' class='warning'>{% trans "You must enable JavaScript in your browser to display Chimère."%}</p>
+    </div>
+</noscript>
     {% block page_title %}
         {% include "chimere/blocks/page_title.html" %}
     {% endblock %}
@@ -14,12 +19,6 @@
     {% endblock %}
 {% endblock %}
 {% block content %}
-    <div id="no-js-message">
-        <p id='no-js' class='warning'>{% trans "You must enable JavaScript in your browser to display Chimère."%}</p>
-    </div>
-<script type="text/javascript">
-   $("#no-js").hide();
-</script>
     {% block top %}{% endblock %}
     {% block message_map %}{% endblock %}
     {% block message_edit %}{% endblock %}
-- 
cgit v1.2.3