From 4c878d1ca68ebae3e18f33474c13e05f62d042d2 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@peacefrogs.net>
Date: Tue, 10 Apr 2012 12:20:52 +0200
Subject: Add a warning when javascript is disbled (closes #323), small CSS
 fixes

---
 chimere/static/chimere/css/forms.css    | 7 ++++++-
 chimere/static/chimere/css/styles.css   | 9 +++++++++
 chimere/templates/chimere/main_map.html | 5 ++++-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/chimere/static/chimere/css/forms.css b/chimere/static/chimere/css/forms.css
index 499a615..7c6c4e8 100644
--- a/chimere/static/chimere/css/forms.css
+++ b/chimere/static/chimere/css/forms.css
@@ -26,8 +26,8 @@
     position:absolute;
     z-index:1000;
     text-align:center;
-    width:100%;
     margin:0;
+    margin-left:100px;
     padding:0;
     margin-top:10px;
     font-size:16px;
@@ -39,6 +39,7 @@
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
+    text-decoration:none;
 }
 
 #live_lonlat{
@@ -68,6 +69,10 @@
     background-image:url('../img/drawing.png');
 }
 
+#upload a, #draw-label a{
+    text-decoration:none;
+}
+
 #draw-or{
     padding:0;
     padding-left:80px;
diff --git a/chimere/static/chimere/css/styles.css b/chimere/static/chimere/css/styles.css
index 3b65968..bdcc9f9 100644
--- a/chimere/static/chimere/css/styles.css
+++ b/chimere/static/chimere/css/styles.css
@@ -158,6 +158,8 @@ hr.spacer{
     clear:both;
     border:None;
     visibility: hidden;
+    margin:0;
+    padding:0;
 }
 
 fieldset{
@@ -355,6 +357,13 @@ ul#share li{
     z-index:0;
 }
 
+#map p.warning{
+    position:absolute;
+    margin-top:30px;
+    width:100%;
+    text-align:center;
+}
+
 .simple #map{
     margin:0px;
     padding:0px;
diff --git a/chimere/templates/chimere/main_map.html b/chimere/templates/chimere/main_map.html
index d918679..8d996a5 100644
--- a/chimere/templates/chimere/main_map.html
+++ b/chimere/templates/chimere/main_map.html
@@ -26,9 +26,12 @@
     {% display_news news_visible %}
 {% endblock %}
 {% block content %}
-    <div id='map'></div>
+    <div id='map'>
+        <p id='no-js' class='warning'>{% trans "You must enable JavaScript in your browser to display Chimère."%}</p>
+    </div>
     {% map_params %}
     <script type='text/javascript'><!--
+        $("#no-js").hide();
         $("#map").chimere(chimere_init_options);
     // --></script>
 {% endblock %}
-- 
cgit v1.2.3