From e18caa339624b566e76d19d0e132028b6377f7f8 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Fri, 17 Jul 2020 21:53:34 +0900
Subject: feat(client): Deckでマウスホイールを使って横スクロールできるように
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/deck.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'src')

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();
 		},
-- 
cgit v1.2.3-freya