diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-27 15:06:50 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-27 15:06:50 +1000 |
| commit | 761eef9a720b8fb85786ba4dc84805fdcc0d7d48 (patch) | |
| tree | bc5b7970006eeaa36bd8775447dc571cfe07649d /src/App.vue | |
| parent | 8e495f248ae25564b795cd7530d20c0376a7c5d8 (diff) | |
Make transition-on-tree-change less abrupt
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/App.vue b/src/App.vue index 4096ec0..d6c1d7a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -86,7 +86,7 @@ import HelpIcon from './components/icon/HelpIcon.vue'; import {TolNode, TolMap, Action, UiOptions} from './lib'; import {LayoutNode, LayoutOptions, LayoutTreeChg} from './layout'; import {initLayoutTree, initLayoutMap, tryLayout} from './layout'; -import {getServerResponse, getBreakpoint, getScrollBarWidth, arraySum, randWeightedChoice} from './util'; +import {getServerResponse, getBreakpoint, getScrollBarWidth, arraySum, randWeightedChoice, timeout} from './util'; // Type representing auto-mode actions type AutoAction = 'move across' | 'move down' | 'move up' | Action; @@ -730,6 +730,7 @@ export default defineComponent({ await this.onDetachedAncestorClick(this.layoutTree); } await this.onNonleafClick(this.layoutTree); + await timeout(this.uiOpts.transitionDuration); await this.initTreeFromServer(); }, onResetSettings(): void { |