zumbiepig/MineXLauncher
zumbiepig/MineXLauncher
1
0
Fork 0
mirror of https://github.com/zumbiepig/MineXLauncher.git synced 2025-06-08 09:24:48 +00:00
Code

combine article animations into one

Browse Source
This commit is contained in:
zumbiepig 2024-09-05 20:16:42 -07:00
parent e7ce15361e
commit c146fc70c1
No known key found for this signature in database
GPG Key ID: 17C891BE28B953DE
2 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/resources/styles/themes/default.css
View File

@ -803,7 +803,7 @@ body {
}
}
@keyframes article-open {
@keyframes article {
0% {
opacity: 0;
scale: 0;
@ -816,17 +816,3 @@ body {
scale: 1;
}
}
@keyframes article-close {
0% {
opacity: 1;
scale: 1;
}
20% {
scale: 1.1;
}
100% {
opacity: 0;
scale: 0;
}
}

4
src/resources/scripts/main.ts
View File

@ -159,7 +159,7 @@ const article = {
const modalContent = document.querySelector(`#article-${articleId} .article-content`) as HTMLElement | null;
if (modal && modalContent) {
articleAnimationLock = true;
modal.style.animation = 'article-open 0.5s ease-in-out';
modal.style.animation = 'article 0.5s ease-in-out normal';
modal.style.display = 'flex';
modalContent.scroll({ top: 0, left: 0, behavior: 'instant' });
modal.addEventListener(
@ -183,7 +183,7 @@ const article = {
articleAnimationLock = true;
const modal = document.querySelector(`#article-${articleId}`) as HTMLElement | null;
if (modal) {
modal.style.animation = 'article-close 0.5s ease-in-out';
modal.style.animation = 'article 0.5s ease-in-out reverse';
modal.addEventListener(
'animationend',
() => {