diff options
Diffstat (limited to 'htdocs/src/js/utilities/animations.js')
| -rw-r--r-- | htdocs/src/js/utilities/animations.js | 45 |
1 files changed, 0 insertions, 45 deletions
diff --git a/htdocs/src/js/utilities/animations.js b/htdocs/src/js/utilities/animations.js deleted file mode 100644 index 9a30685..0000000 --- a/htdocs/src/js/utilities/animations.js +++ /dev/null @@ -1,45 +0,0 @@ -/** - * Change the element classes to hide it with a slide out left animation. - * @param {HTMLElement} el - The HTMLElement to hide. - */ -function hideToLeft(el) { - el?.classList.remove('slide-in--left'); - el?.classList.add('slide-out--left'); - setTimeout(() => { - el?.classList.add('hide'); - }, 800); -} - -/** - * Change the element classes to show it with a slide in left animation. - * @param {HTMLElement} el - The HTMLElement to show. - */ -function showFromLeft(el) { - el?.classList.remove('slide-out--left'); - el?.classList.remove('hide'); - el?.classList.add('slide-in--left'); -} - -/** - * Change the element classes to hide it with a slide out bottom animation. - * @param {HTMLElement} el - The HTMLElement to hide. - */ -function hideToBottom(el) { - el?.classList.remove('slide-in--up'); - el?.classList.add('slide-out--bottom'); - setTimeout(() => { - el?.classList.add('hide'); - }, 800); -} - -/** - * Change the element classes to show it with a slide in up animation. - * @param {HTMLElement} el - The HTMLElement to show. - */ -function showFromBottom(el) { - el?.classList.remove('slide-out--bottom'); - el?.classList.remove('hide'); - el?.classList.add('slide-in--up'); -} - -export { hideToLeft, showFromLeft, hideToBottom, showFromBottom }; |
