diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-02-05 14:35:00 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-02-05 14:35:00 +0900 |
| commit | e67d7bc0ea2503777d3efde1f7173ec1041bf835 (patch) | |
| tree | 9bfbf9d86ecfb8c82c4f9b1685635ba74646ed4a /packages | |
| parent | fix(server): 自分のノートをお気に入りに登録しても実績解... (diff) | |
| download | sharkey-e67d7bc0ea2503777d3efde1f7173ec1041bf835.tar.gz sharkey-e67d7bc0ea2503777d3efde1f7173ec1041bf835.tar.bz2 sharkey-e67d7bc0ea2503777d3efde1f7173ec1041bf835.zip | |
tweak animation
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/frontend/src/components/MkDateSeparatedList.vue | 34 |
1 files changed, 13 insertions, 21 deletions
diff --git a/packages/frontend/src/components/MkDateSeparatedList.vue b/packages/frontend/src/components/MkDateSeparatedList.vue index cb88444d34..4525d3a009 100644 --- a/packages/frontend/src/components/MkDateSeparatedList.vue +++ b/packages/frontend/src/components/MkDateSeparatedList.vue @@ -107,19 +107,19 @@ export default defineComponent({ return () => h( defaultStore.state.animation ? TransitionGroup : 'div', { - class: { - [$style['date-separated-list']]: true, - [$style['date-separated-list-nogap']]: props.noGap, - [$style['reversed']]: props.reversed, - [$style['direction-down']]: props.direction === 'down', - [$style['direction-up']]: props.direction === 'up', - }, - ...(defaultStore.state.animation ? { - name: 'list', - tag: 'div', - onBeforeLeave, - onLeaveCanceled, - } : {}), + class: { + [$style['date-separated-list']]: true, + [$style['date-separated-list-nogap']]: props.noGap, + [$style['reversed']]: props.reversed, + [$style['direction-down']]: props.direction === 'down', + [$style['direction-up']]: props.direction === 'up', + }, + ...(defaultStore.state.animation ? { + name: 'list', + tag: 'div', + onBeforeLeave, + onLeaveCanceled, + } : {}), }, { default: renderChildren }); }, @@ -139,18 +139,10 @@ export default defineComponent({ transition: none !important; } - > .list-leave-active, > .list-enter-active { transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1); } - > .list-leave-from, - > .list-leave-to, - > .list-leave-active { - transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1); - position: absolute !important; - } - > *:empty { display: none; } |