diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-07-17 21:53:34 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-07-17 21:53:34 +0900 |
| commit | e18caa339624b566e76d19d0e132028b6377f7f8 (patch) | |
| tree | 0142869e11a772b06f6776591bb6a1043e6ee7b2 /src | |
| parent | 12.41.3 (diff) | |
| download | misskey-e18caa339624b566e76d19d0e132028b6377f7f8.tar.gz misskey-e18caa339624b566e76d19d0e132028b6377f7f8.tar.bz2 misskey-e18caa339624b566e76d19d0e132028b6377f7f8.zip | |
feat(client): Deckでマウスホイールを使って横スクロールできるように
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/deck.vue | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/src/client/deck.vue b/src/client/deck.vue index 0fe35d6026..8bf3301363 100644 --- a/src/client/deck.vue +++ b/src/client/deck.vue @@ -1,5 +1,5 @@ <template> -<div class="mk-deck" :class="`${$store.state.device.deckColumnAlign}`" v-hotkey.global="keymap"> +<div class="mk-deck" :class="`${$store.state.device.deckColumnAlign}`" v-hotkey.global="keymap" @wheel="onWheel"> <x-sidebar ref="nav"/> <!-- TODO: deckMainColumnPlace を見て位置変える --> @@ -49,6 +49,7 @@ import { search } from './scripts/search'; import DeckColumnCore from './components/deck/column-core.vue'; import DeckColumn from './components/deck/column.vue'; import XSidebar from './components/sidebar.vue'; +import { getScrollContainer } from './scripts/scroll'; export default Vue.extend({ components: { @@ -108,6 +109,7 @@ export default Vue.extend({ created() { document.documentElement.style.overflowY = 'hidden'; + document.documentElement.style.scrollBehavior = 'auto'; if (this.$store.getters.isSignedIn) { this.connection = this.$root.stream.useSharedConnection('main'); @@ -119,6 +121,12 @@ export default Vue.extend({ }, methods: { + onWheel(e) { + if (getScrollContainer(e.target) == null) { + document.documentElement.scrollLeft += e.deltaY > 0 ? 96 : -96; + } + }, + showNav() { this.$refs.nav.show(); }, |