fix: purchase confirmation overlay animation

CHANGELOG.md

@@ -1,5 +1,18 @@
 # Matemat Changelog
 
+<!-- BEGIN RELEASE v0.3.5 -->
+## Version 0.3.5
+
+Fix purchase confirmation overlay animation
+
+### Changes
+
+<!-- BEGIN CHANGES 0.3.5-->
+- Fix purchase confirmation overlay animation
+<!-- END CHANGES 0.3.5 -->
+
+<!-- END RELEASE v0.3.5 -->
+
 <!-- BEGIN RELEASE v0.3.4 -->
 ## Version 0.3.4
 

matemat/__init__.py

@@ -1,2 +1,2 @@
 
-__version__ = '0.3.4'
+__version__ = '0.3.5'

package/debian/matemat/DEBIAN/control

@@ -1,5 +1,5 @@
 Package: matemat
-Version: 0.3.4
+Version: 0.3.5
 Maintainer: s3lph <1375407-s3lph@users.noreply.gitlab.com>
 Section: web
 Priority: optional

static/css/matemat.css

@@ -311,11 +311,12 @@ aside#overlay {
     padding: 5%;
     font-family: sans-serif;
     display: none;
+    transition: opacity 700ms;
+    opacity: 0;
 }
 
 aside#overlay.fade {
-    opacity: 0;
+    opacity: 100%;
-    transition: opacity 0.5s;
 }
 
 aside#overlay > h2 {

static/js/overlay.js

@@ -6,9 +6,13 @@ setTimeout(() => {
         setTimeout(() => {
             overlay.classList.add('fade');
             setTimeout(() => {
-                overlay.style.display = 'none';
+                setTimeout(() => {
-                overlay.classList.remove('fade');
+                    overlay.classList.remove('fade');
-            }, 500);
+                    setTimeout(() => {
-        }, 500);
+                        overlay.style.display = 'none';
+                    }, 700);
+                }, 700);
+            }, 700);
+        }, 10);
     }
 }, 0);