From 95ba9e37ac0b132489eaf7ce6a1eadfb1d9b81ad Mon Sep 17 00:00:00 2001 From: syuilo <syuilotan@yahoo.co.jp> Date: Sat, 20 Oct 2018 07:21:22 +0900 Subject: [PATCH] Improve deck usability --- src/client/app/desktop/views/pages/deck/deck.vue | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/src/client/app/desktop/views/pages/deck/deck.vue b/src/client/app/desktop/views/pages/deck/deck.vue index 46b4fde7e..669fbeb8c 100644 --- a/src/client/app/desktop/views/pages/deck/deck.vue +++ b/src/client/app/desktop/views/pages/deck/deck.vue @@ -1,6 +1,6 @@ <template> <mk-ui :class="$style.root"> - <div class="qlvquzbjribqcaozciifydkngcwtyzje" :style="style" :class="{ center: $store.state.device.deckColumnAlign == 'center' }" v-hotkey.global="keymap"> + <div class="qlvquzbjribqcaozciifydkngcwtyzje" ref="body" :style="style" :class="{ center: $store.state.device.deckColumnAlign == 'center' }" v-hotkey.global="keymap"> <template v-for="ids in layout"> <div v-if="ids.length > 1" class="folder"> <template v-for="id, i in ids"> @@ -64,6 +64,19 @@ export default Vue.extend({ } }, + watch: { + temporaryColumn() { + if (this.temporaryColumn != null) { + this.$nextTick(() => { + this.$refs.body.scrollTo({ + left: 10000, + behavior: 'smooth' + }); + }); + } + } + }, + provide() { return { getColumnVm: this.getColumnVm