From f4f83cb0919abd2c9d9bee2a8d7e0960a7c2b705 Mon Sep 17 00:00:00 2001 From: Johann150 Date: Tue, 4 Oct 2022 15:34:13 +0200 Subject: [PATCH] client: remove click-anime directive --- packages/client/src/components/launch-pad.vue | 10 +++--- packages/client/src/components/post-form.vue | 2 +- packages/client/src/directives/click-anime.ts | 31 ------------------- packages/client/src/directives/index.ts | 2 -- packages/client/src/pages/gallery/post.vue | 6 ++-- packages/client/src/pages/page.vue | 4 +-- packages/client/src/pages/user/home.vue | 6 ++-- packages/client/src/style.scss | 14 --------- .../src/ui/_common_/sidebar-for-mobile.vue | 12 +++---- packages/client/src/ui/_common_/sidebar.vue | 12 +++---- packages/client/src/ui/classic.header.vue | 12 +++---- packages/client/src/ui/classic.sidebar.vue | 14 ++++----- 12 files changed, 39 insertions(+), 86 deletions(-) delete mode 100644 packages/client/src/directives/click-anime.ts diff --git a/packages/client/src/components/launch-pad.vue b/packages/client/src/components/launch-pad.vue index 383c3e332..bd5494739 100644 --- a/packages/client/src/components/launch-pad.vue +++ b/packages/client/src/components/launch-pad.vue @@ -3,12 +3,12 @@
- - +
{{ i18n.ts.instanceInfo }}
- +
{{ i18n.ts.aboutMisskey }}
diff --git a/packages/client/src/components/post-form.vue b/packages/client/src/components/post-form.vue index 8f1b78211..c16680abb 100644 --- a/packages/client/src/components/post-form.vue +++ b/packages/client/src/components/post-form.vue @@ -7,7 +7,7 @@ >
-
diff --git a/packages/client/src/directives/click-anime.ts b/packages/client/src/directives/click-anime.ts deleted file mode 100644 index e2f514b7c..000000000 --- a/packages/client/src/directives/click-anime.ts +++ /dev/null @@ -1,31 +0,0 @@ -import { Directive } from 'vue'; -import { defaultStore } from '@/store'; - -export default { - mounted(el, binding, vn) { - /* - if (!defaultStore.state.animation) return; - - el.classList.add('_anime_bounce_standBy'); - - el.addEventListener('mousedown', () => { - el.classList.add('_anime_bounce_standBy'); - el.classList.add('_anime_bounce_ready'); - - el.addEventListener('mouseleave', () => { - el.classList.remove('_anime_bounce_ready'); - }); - }); - - el.addEventListener('click', () => { - el.classList.add('_anime_bounce'); - }); - - el.addEventListener('animationend', () => { - el.classList.remove('_anime_bounce_ready'); - el.classList.remove('_anime_bounce'); - el.classList.add('_anime_bounce_standBy'); - }); - */ - }, -} as Directive; diff --git a/packages/client/src/directives/index.ts b/packages/client/src/directives/index.ts index fc9b6f86d..548df230d 100644 --- a/packages/client/src/directives/index.ts +++ b/packages/client/src/directives/index.ts @@ -9,7 +9,6 @@ import hotkey from './hotkey'; import appear from './appear'; import anim from './anim'; import stickyContainer from './sticky-container'; -import clickAnime from './click-anime'; import panel from './panel'; import adaptiveBorder from './adaptive-border'; @@ -23,7 +22,6 @@ export default function(app: App) { app.directive('hotkey', hotkey); app.directive('appear', appear); app.directive('anim', anim); - app.directive('click-anime', clickAnime); app.directive('sticky-container', stickyContainer); app.directive('panel', panel); app.directive('adaptive-border', adaptiveBorder); diff --git a/packages/client/src/pages/gallery/post.vue b/packages/client/src/pages/gallery/post.vue index 94b5c985f..2886321d2 100644 --- a/packages/client/src/pages/gallery/post.vue +++ b/packages/client/src/pages/gallery/post.vue @@ -22,9 +22,9 @@ {{ post.likedCount }}
- - - + + +
diff --git a/packages/client/src/pages/page.vue b/packages/client/src/pages/page.vue index 82b2f7cd1..ebbd930f6 100644 --- a/packages/client/src/pages/page.vue +++ b/packages/client/src/pages/page.vue @@ -17,8 +17,8 @@ {{ page.likedCount }}
- - + +
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue index 58cd90dd8..cb4d0efce 100644 --- a/packages/client/src/pages/user/home.vue +++ b/packages/client/src/pages/user/home.vue @@ -69,15 +69,15 @@
- + {{ number(user.notesCount) }} {{ i18n.ts.notes }} - + {{ number(user.followingCount) }} {{ i18n.ts.following }} - + {{ number(user.followersCount) }} {{ i18n.ts.followers }} diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss index 54358e4ee..f96b0e63f 100644 --- a/packages/client/src/style.scss +++ b/packages/client/src/style.scss @@ -515,20 +515,6 @@ hr { } } -._anime_bounce { - will-change: transform; - animation: bounce ease 0.7s; - animation-iteration-count: 1; - transform-origin: 50% 50%; -} -._anime_bounce_ready { - will-change: transform; - transform: scaleX(0.90) scaleY(0.90) ; -} -._anime_bounce_standBy { - transition: transform 0.1s ease; -} - @keyframes bounce{ 0% { transform: scaleX(0.90) scaleY(0.90) ; diff --git a/packages/client/src/ui/_common_/sidebar-for-mobile.vue b/packages/client/src/ui/_common_/sidebar-for-mobile.vue index 41a82d6cb..88d5c0bf4 100644 --- a/packages/client/src/ui/_common_/sidebar-for-mobile.vue +++ b/packages/client/src/ui/_common_/sidebar-for-mobile.vue @@ -1,28 +1,28 @@