From 01deb6309804fa4d36a8cb7793d427a01a3f781e Mon Sep 17 00:00:00 2001 From: s3lph <1375407-s3lph@users.noreply.gitlab.com> Date: Wed, 17 May 2023 01:55:40 +0200 Subject: [PATCH] fix: purchase confirmation overlay animation --- CHANGELOG.md | 13 +++++++++++++ matemat/__init__.py | 2 +- package/debian/matemat/DEBIAN/control | 2 +- static/css/matemat.css | 5 +++-- static/js/overlay.js | 12 ++++++++---- 5 files changed, 26 insertions(+), 8 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7d068b8..d67d834 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,18 @@ # Matemat Changelog + +## Version 0.3.5 + +Fix purchase confirmation overlay animation + +### Changes + + +- Fix purchase confirmation overlay animation + + + + ## Version 0.3.4 diff --git a/matemat/__init__.py b/matemat/__init__.py index 6d4c134..5ea569b 100644 --- a/matemat/__init__.py +++ b/matemat/__init__.py @@ -1,2 +1,2 @@ -__version__ = '0.3.4' +__version__ = '0.3.5' diff --git a/package/debian/matemat/DEBIAN/control b/package/debian/matemat/DEBIAN/control index b8847c9..d465c42 100644 --- a/package/debian/matemat/DEBIAN/control +++ b/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 diff --git a/static/css/matemat.css b/static/css/matemat.css index b5d9151..51712eb 100644 --- a/static/css/matemat.css +++ b/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; - transition: opacity 0.5s; + opacity: 100%; } aside#overlay > h2 { diff --git a/static/js/overlay.js b/static/js/overlay.js index 57e60ba..d970d7c 100644 --- a/static/js/overlay.js +++ b/static/js/overlay.js @@ -6,9 +6,13 @@ setTimeout(() => { setTimeout(() => { overlay.classList.add('fade'); setTimeout(() => { - overlay.style.display = 'none'; - overlay.classList.remove('fade'); - }, 500); - }, 500); + setTimeout(() => { + overlay.classList.remove('fade'); + setTimeout(() => { + overlay.style.display = 'none'; + }, 700); + }, 700); + }, 700); + }, 10); } }, 0); \ No newline at end of file