aboutsummaryrefslogtreecommitdiff
path: root/src/components/Tile.vue
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-05-27 20:52:33 +1000
committerTerry Truong <terry06890@gmail.com>2022-05-27 20:52:33 +1000
commit98629c3daeca9aab8f57561012463d4ed8636e43 (patch)
tree5f4f376f38d7556c6612ff91cfd8c62babe42f91 /src/components/Tile.vue
parent422e43532b36c8cca387e0a64a280138593bb22a (diff)
Prevent first root tile transition
Avoids having it move in from top-left when tree data is loaded
Diffstat (limited to 'src/components/Tile.vue')
-rw-r--r--src/components/Tile.vue3
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/Tile.vue b/src/components/Tile.vue
index 021db32..b53abee 100644
--- a/src/components/Tile.vue
+++ b/src/components/Tile.vue
@@ -16,6 +16,7 @@ export default defineComponent({
lytOpts: {type: Object as PropType<LayoutOptions>, required: true},
uiOpts: {type: Object, required: true},
// Other
+ skipTransition: {type: Boolean, default: false},
nonAbsPos: {type: Boolean, default: false},
// For a leaf node, prevents usage of absolute positioning (used by AncestryBar)
overflownDim: {type: Number, default: 0},
@@ -117,7 +118,7 @@ export default defineComponent({
boxShadow: this.boxShadow,
borderRadius: this.uiOpts.borderRadius + 'px',
// Transition related
- transitionDuration: this.uiOpts.tileChgDuration + 'ms',
+ transitionDuration: (this.skipTransition ? 0 : this.uiOpts.tileChgDuration) + 'ms',
transitionProperty: 'left, top, width, height, visibility',
transitionTimingFunction: 'ease-out',
zIndex: this.inTransition && this.wasClicked ? '1' : '0',