From c349afd80b16052d4286e525dde56852d9878079 Mon Sep 17 00:00:00 2001 From: kakkokari-gtyih Date: Sun, 9 Apr 2023 19:03:29 +0900 Subject: [PATCH] (delete) link jiggle animation --- .../src/server/web/views/embed/404.pug | 2 +- .../src/server/web/views/embed/note.pug | 2 +- packages/frontend/src/embed/init.ts | 3 -- .../frontend/src/embed/scripts/link-anime.ts | 33 ------------------- 4 files changed, 2 insertions(+), 38 deletions(-) delete mode 100644 packages/frontend/src/embed/scripts/link-anime.ts diff --git a/packages/backend/src/server/web/views/embed/404.pug b/packages/backend/src/server/web/views/embed/404.pug index 44ed0a3276..51f8e24e48 100644 --- a/packages/backend/src/server/web/views/embed/404.pug +++ b/packages/backend/src/server/web/views/embed/404.pug @@ -7,7 +7,7 @@ block content div#error div div#instance-info - a.click-anime(href=url target='_blank') + a(href=url target='_blank') img(src= icon || '/static-assets/splash.png') span.sr-only(data-mi-i18n='aboutX' data-mi-i18n-ctx=`{"x": "${instanceName}"}`) diff --git a/packages/backend/src/server/web/views/embed/note.pug b/packages/backend/src/server/web/views/embed/note.pug index 15a1247e90..00c33d5c14 100644 --- a/packages/backend/src/server/web/views/embed/note.pug +++ b/packages/backend/src/server/web/views/embed/note.pug @@ -45,7 +45,7 @@ block content span(style="opacity: .5;") @#{displayUser.host} div#instance-info - a.click-anime(href=config.url target='_blank') + a(href=config.url target='_blank') img(src= icon || '/static-assets/splash.png') span.sr-only(data-mi-i18n='aboutX' data-mi-i18n-ctx=`{"x": "${instanceName}"}`) diff --git a/packages/frontend/src/embed/init.ts b/packages/frontend/src/embed/init.ts index 62d2339921..f054673a7e 100644 --- a/packages/frontend/src/embed/init.ts +++ b/packages/frontend/src/embed/init.ts @@ -8,7 +8,6 @@ import { embedInitI18n } from './scripts/embed-i18n'; import '@/style.scss'; import './embed.scss'; import 'iframe-resizer/js/iframeResizer.contentWindow'; -import { embedInitLinkAnime } from './scripts/link-anime'; import { parseMfm } from './scripts/parse-mfm'; import { renderNotFound } from './scripts/render-not-found'; import { parseEmoji } from './scripts/parse-emoji'; @@ -152,6 +151,4 @@ function afterPageInitialization() { splash.style.pointerEvents = 'none'; } //#endregion - - embedInitLinkAnime(); } diff --git a/packages/frontend/src/embed/scripts/link-anime.ts b/packages/frontend/src/embed/scripts/link-anime.ts deleted file mode 100644 index 20d49f8bf3..0000000000 --- a/packages/frontend/src/embed/scripts/link-anime.ts +++ /dev/null @@ -1,33 +0,0 @@ -export function embedInitLinkAnime() { - const animeEl: NodeListOf = document.querySelectorAll("a.click-anime,button.click-anime"); - if (animeEl.length > 0) { - animeEl.forEach((el: HTMLElement) => { - const target = el.children[0]; - - if (target == null) return; - - target.classList.add('_anime_bounce_standBy'); - - el.addEventListener('mousedown', () => { - target.classList.remove('_anime_bounce'); - - target.classList.add('_anime_bounce_standBy'); - target.classList.add('_anime_bounce_ready'); - - target.addEventListener('mouseleave', () => { - target.classList.remove('_anime_bounce_ready'); - }); - }); - - el.addEventListener('click', () => { - target.classList.add('_anime_bounce'); - target.classList.remove('_anime_bounce_ready'); - }); - - el.addEventListener('animationend', () => { - target.classList.remove('_anime_bounce'); - target.classList.add('_anime_bounce_standBy'); - }); - }); - } -}