HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix(frontend): styleの指定方法を変更 (#13120)

Browse source
This commit is contained in:
おさむのひと 2024-01-31 20:35:07 +09:00 committed by GitHub
parent 2db5b61616
commit d5860d0685
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/frontend/src/components/MkFoldableSection.vue
View file

@ -14,10 +14,10 @@ SPDX-License-Identifier: AGPL-3.0-only
</button> </button>
</header> </header>
<Transition <Transition
:enterActiveClass="defaultStore.state.animation ? $style['folder-toggle-enter-active'] : ''" :enterActiveClass="defaultStore.state.animation ? $style.folderToggleEnterActive : ''"
:leaveActiveClass="defaultStore.state.animation ? $style['folder-toggle-leave-active'] : ''" :leaveActiveClass="defaultStore.state.animation ? $style.folderToggleLeaveActive : ''"
:enterFromClass="defaultStore.state.animation ? $style['folder-toggle-enter-from'] : ''" :enterFromClass="defaultStore.state.animation ? $style.folderToggleEnterFrom : ''"
:leaveToClass="defaultStore.state.animation ? $style['folder-toggle-leave-to'] : ''" :leaveToClass="defaultStore.state.animation ? $style.folderToggleLeaveTo : ''"
@enter="enter" @enter="enter"
@afterEnter="afterEnter" @afterEnter="afterEnter"
@leave="leave" @leave="leave"
@ -100,12 +100,12 @@ onMounted(() => {
</script> </script>
<style lang="scss" module> <style lang="scss" module>
.folder-toggle-enter-active, .folder-toggle-leave-active { .folderToggleEnterActive, .folderToggleLeaveActive {
overflow-y: clip; overflow-y: clip;
transition: opacity 0.5s, height 0.5s !important; transition: opacity 0.5s, height 0.5s !important;
} }
.folder-toggle-enter-from, .folder-toggle-leave-to { .folderToggleEnterFrom, .folderToggleLeaveTo {
opacity: 0; opacity: 0;
} }