diff --git a/index.html b/index.html index 1e1ba5548..1e0881f2d 100644 --- a/index.html +++ b/index.html @@ -81,10 +81,10 @@ display: block !important; } - html[data-useragent*='MSIE'] #lds-ellipsis, - html[data-useragent*='Safari'][data-useragent*='Version/8'] #lds-ellipsis, - html[data-useragent*='Safari'][data-useragent*='Version/7'] #lds-ellipsis, - html[data-useragent*='Trident'] #lds-ellipsis { + html[data-useragent*='MSIE'] #loading, + html[data-useragent*='Safari'][data-useragent*='Version/8'] #loading, + html[data-useragent*='Safari'][data-useragent*='Version/7'] #loading, + html[data-useragent*='Trident'] #loading { display: none !important; } @@ -104,16 +104,18 @@ /* CSS Loader */ - #lds-ellipsis { - display: block; - position: relative; + #loading { animation: appear 0.6s; - transform: translateY(40vh); - width: 64px; - height: 64px; - margin: auto; + transform: translateY(35vh); + width: 100%; + } + #lds-ellipsis { + margin: auto; + position: relative; + width: 64px; + animation: appear 1.5s; + height: 64px; } - #lds-ellipsis div { position: absolute; top: 27px; @@ -148,7 +150,7 @@ from { opacity: 0; } - 60% { + 80% { opacity: 0; } 100% { @@ -187,11 +189,18 @@ -
-
-
-
-
+
+ Un service de l'État français +
+
+
+
+
+
diff --git a/source/Provider.js b/source/Provider.js index 4d56bdc29..abdc5906b 100644 --- a/source/Provider.js +++ b/source/Provider.js @@ -69,7 +69,7 @@ export default class Provider extends PureComponent { opacity: 1 !important; transform: translateY(0px) !important; } -#lds-ellipsis { +#loading { display: none !important; }` document.body.appendChild(css) diff --git a/source/webpack.prod.js b/source/webpack.prod.js index b427e0bdd..c05c9d18b 100644 --- a/source/webpack.prod.js +++ b/source/webpack.prod.js @@ -32,7 +32,7 @@ const prerenderConfig = () => ({ opacity: 1; transform: translateY(0px); } - #lds-ellipsis { + #loading { display: none; }