diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-20 22:38:00 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-21 12:12:46 +1100 |
| commit | a5c9ce0d755b9aa6183ea5df519920b1086da07c (patch) | |
| tree | def00ba94b6cb80ae765dae1a331f72bdebbaa55 /src/components/Tile.vue | |
| parent | 22ed0c503cccadaec4355abd7678b4a55f888d92 (diff) | |
Add distinct failed-header-collapse animation
Diffstat (limited to 'src/components/Tile.vue')
| -rw-r--r-- | src/components/Tile.vue | 3 |
1 files changed, 1 insertions, 2 deletions
diff --git a/src/components/Tile.vue b/src/components/Tile.vue index 5b0fbd1..feedc09 100644 --- a/src/components/Tile.vue +++ b/src/components/Tile.vue @@ -182,12 +182,11 @@ export default defineComponent({ onHeaderClick(){ this.$emit('header-clicked', {layoutNode: this.layoutNode, domNode: this.$el}); (this.$refs.nonLeaf as Element).classList.replace('shadow-highlight', 'shadow-normal'); + (this.$refs.sepSweptArea as Element).classList.replace('shadow-highlight', 'shadow-normal'); // Temporary changes during transition this.zIdx = 1; - this.overflow = 'hidden'; setTimeout(() => { this.zIdx = 0; - this.overflow = 'visible'; }, this.transitionDuration); }, onInnerHeaderClicked(data: {layoutNode: LayoutNode, domNode: HTMLElement}){ |