Nicer loading

ckan · Sep 24, 2012 · 2d50ff4 · 2d50ff4
1 parent 9e350a8
commit 2d50ff4
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/ckan/public/base/datapreview/css/json.css b/ckan/public/base/datapreview/css/json.css
@@ -6,6 +6,15 @@ pre {
 	font-size: 13px;
 }
 
+.loading {
+	font-weight: bold;
+	font-family: sans-serif;
+	font-size: 16px;
+	position: fixed;
+	left: -20px;
+	top: 20px;
+}
+
 .string {
 	color: #009900;
 }

diff --git a/ckan/templates/dataviewer/json.html b/ckan/templates/dataviewer/json.html
@@ -3,7 +3,9 @@
 {% block page %}
 	<div>
 		<pre data-module="jsonpreview">
-	  	{{ _('loading...') }}
+	  	<div class="loading">
+	  		{{ _('Loading...') }}
+	  	</div>
 	  </pre>
 	</div>
 {% endblock %}

diff --git a/ckan/templates/dataviewer/recline.html b/ckan/templates/dataviewer/recline.html
@@ -2,7 +2,10 @@
 
 {% block page %}
   <div data-module="reclinepreview">
-  	<h4>Loading ... <img src="http://assets.okfn.org/images/icons/ajaxload-circle.gif" class="loading-spinner" /></h4>
+    <h4>
+      {{ _('Loading...') }}
+      <img src="http://assets.okfn.org/images/icons/ajaxload-circle.gif" class="loading-spinner" />
+    </h4>
   </div>
 {% endblock %}