[erp5_web_renderjs_ui] Delay the first loader display.

This improve the feeling of speed when refreshing.

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -1651,6 +1651,11 @@ div[data-gadget-scope='notification'] button.error {
   top: 50%;
   transform: translate(-50%, -50%);
   font-size: 300%;
+  animation-name: fadein;
+  animation-duration: 0.2s;
+  animation-delay: 0.3s;
+  animation-fill-mode: both;
+  animation-timing-function: ease-in;
 }
 /**********************************************
 * Keyframes

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -242,7 +242,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>969.29354.31833.58624</string> </value>
+                <value> <string>971.20364.49895.30788</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1533747628.29</float>
+                        <float>1540981324.5</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -1913,6 +1913,11 @@ div[data-gadget-scope='notification'] {
   top: 50%;
   transform: translate(-50%, -50%);
   font-size: 300%;
+  animation-name: fadein;
+  animation-duration: .2s;
+  animation-delay: .3s;
+  animation-fill-mode: both;
+  animation-timing-function: ease-in;
 }
 
 /**********************************************