Improve "Please wait..." text to place it at center of display.

default/web_tt2/crash.tt2

@@ -26,15 +26,7 @@
 [% END %]
 
 [%# Show loading notice only when javascript is enabled. ~%]
-[% IF top_menu ~%]
-  [% IF not list ~%]
-    <div id="loading" class="row"></div>
-  [%~ ELSE ~%]
-    <div id="loading" class="medium-9 columns"></div>
-  [%~ END %]
-[%~ ELSE ~%]
-  <div id="loading" class="medium-9 columns"></div>
-[%~ END %]
+<div id="loading"></div>
 
     [% TRY; PROCESS aside_menu.tt2; CATCH; ''; END %]
     [% IF top_menu %]

default/web_tt2/css.tt2

@@ -618,17 +618,22 @@ table tr th, table tr td {
 }
 
 #loading {
+    position: absolute;
+    top: 0;
+    left: 0;
     width:100%;
     height:100%;
-    background-color:[% color_7 %];
+    background-color: rgba(255, 255, 255, 0.75);
     overflow: hidden;
     display: none;
+    z-index: 1;
 }
 
 #loadingText {
     width: 100%;
     text-align: center;
-    padding-top: 10rem;
+    line-height: 100vh;
+    vertical-align: middle;
     color: rgb(0, 75, 148);
     font-weight: 100;
     font-size: 2rem;
@@ -2161,6 +2166,9 @@ nav menu button{
         margin: 0;
         overflow: visible;
         width: 16.7%; /* Corresponds large-2 columns */
+        [%# Show logo in the front ~%]
+        position: relative;
+        z-index: 2;
     }
 }
 

default/web_tt2/main.tt2

@@ -51,15 +51,7 @@
 [% END %]
 
 [%# Show loading notice only when javascript is enabled. ~%]
-[% IF top_menu ~%]
-  [% IF not list ~%]
-    <div id="loading" class="row"></div>
-  [%~ ELSE ~%]
-    <div id="loading" class="medium-9 columns"></div>
-  [%~ END %]
-[%~ ELSE ~%]
-  <div id="loading" class="medium-9 columns"></div>
-[%~ END %]
+<div id="loading"></div>
 
   [% PROCESS aside_menu.tt2 %]
   [% UNLESS action == 'home' ~%]

default/web_tt2/tt2_error.tt2

@@ -26,15 +26,7 @@
 [% END %]
 
 [%# Show loading notice only when javascript is enabled. ~%]
-[% IF top_menu ~%]
-  [% IF not list ~%]
-    <div id="loading" class="row"></div>
-  [%~ ELSE ~%]
-    <div id="loading" class="medium-9 columns"></div>
-  [%~ END %]
-[%~ ELSE ~%]
-  <div id="loading" class="medium-9 columns"></div>
-[%~ END %]
+<div id="loading"></div>
 
     [% TRY; PROCESS aside_menu.tt2; CATCH; ''; END %]
     [% IF top_menu %]

www/js/sympa.js

@@ -569,7 +569,6 @@ $(function() {
 
 	$('.heavyWork').on('click', function(){
 		$('#loading').show();
-		$('#content-inner').hide();
 	});
 });