fix animation on page load

Author: Debatty-Tom

dist/style.css

@@ -7,13 +7,16 @@
     max-width: 100%;
     overflow: auto;
     z-index: 9999;
-    transition: transform 0ms ease-out,
-                opacity 0ms ease-out;
+    transition: transform 200ms ease-out,
+                opacity 200ms ease-out;
 
     &--closing {
         opacity: 0;
         transform: translateY(10px);
     }
+    &--pre-init {
+        transition: none;
+    }
     &--show {
         .cookies__btn {
             &--customize {

resources/scss/style.scss

@@ -67,10 +67,12 @@
     </div>
 </aside>
 
-{{-- STYLES & SCRIPT : feel free to remove them and add your own --}}
-
-<script id="cookies-script" data-cookie-consent data-config="{{ $scriptConfig }}">
-    {!! file_get_contents(LCC_ROOT . '/dist/script.js') !!}
+{{-- STYLES & SCRIPT : feel free to remove them and add your own
+    This script can't be removed --}}
+<script data-cookie-consent>
+    const element = document.querySelector('#cookies-policy');
+    element.classList.add('cookies--pre-init');
+    element.classList.add('cookies--closing');
 </script>
 <style data-cookie-consent>
     {!! file_get_contents(LCC_ROOT . '/dist/style.css') !!}