diff options
| author | おさむのひと <46447427+samunohito@users.noreply.github.com> | 2024-01-31 20:35:07 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-31 20:35:07 +0900 |
| commit | d5860d0685616bd4d982e110034a204b9bb2a996 (patch) | |
| tree | 91c0cfd5228fe20e067900900327341cbfd056fc | |
| parent | refactor(backend): User関連のスキーマ/型の指定を強くする (#12... (diff) | |
| download | misskey-d5860d0685616bd4d982e110034a204b9bb2a996.tar.gz misskey-d5860d0685616bd4d982e110034a204b9bb2a996.tar.bz2 misskey-d5860d0685616bd4d982e110034a204b9bb2a996.zip | |
fix(frontend): styleの指定方法を変更 (#13120)
| -rw-r--r-- | packages/frontend/src/components/MkFoldableSection.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/packages/frontend/src/components/MkFoldableSection.vue b/packages/frontend/src/components/MkFoldableSection.vue index e0f75a1090..6c66083062 100644 --- a/packages/frontend/src/components/MkFoldableSection.vue +++ b/packages/frontend/src/components/MkFoldableSection.vue @@ -14,10 +14,10 @@ SPDX-License-Identifier: AGPL-3.0-only </button> </header> <Transition - :enterActiveClass="defaultStore.state.animation ? $style['folder-toggle-enter-active'] : ''" - :leaveActiveClass="defaultStore.state.animation ? $style['folder-toggle-leave-active'] : ''" - :enterFromClass="defaultStore.state.animation ? $style['folder-toggle-enter-from'] : ''" - :leaveToClass="defaultStore.state.animation ? $style['folder-toggle-leave-to'] : ''" + :enterActiveClass="defaultStore.state.animation ? $style.folderToggleEnterActive : ''" + :leaveActiveClass="defaultStore.state.animation ? $style.folderToggleLeaveActive : ''" + :enterFromClass="defaultStore.state.animation ? $style.folderToggleEnterFrom : ''" + :leaveToClass="defaultStore.state.animation ? $style.folderToggleLeaveTo : ''" @enter="enter" @afterEnter="afterEnter" @leave="leave" @@ -100,12 +100,12 @@ onMounted(() => { </script> <style lang="scss" module> -.folder-toggle-enter-active, .folder-toggle-leave-active { +.folderToggleEnterActive, .folderToggleLeaveActive { overflow-y: clip; transition: opacity 0.5s, height 0.5s !important; } -.folder-toggle-enter-from, .folder-toggle-leave-to { +.folderToggleEnterFrom, .folderToggleLeaveTo { opacity: 0; } |