diff options
| author | tamaina <tamaina@hotmail.co.jp> | 2022-04-02 15:12:01 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-04-02 15:12:01 +0900 |
| commit | f7030d4a422c1b1e274a9b32a2e1ec6bc46e1e2f (patch) | |
| tree | fd937a06d9f431673ce4affe8afd0bad37716beb /packages/client/src | |
| parent | enhance(doc): required input fields (#8456) (diff) | |
| download | misskey-f7030d4a422c1b1e274a9b32a2e1ec6bc46e1e2f.tar.gz misskey-f7030d4a422c1b1e274a9b32a2e1ec6bc46e1e2f.tar.bz2 misskey-f7030d4a422c1b1e274a9b32a2e1ec6bc46e1e2f.zip | |
enhance: タッチパッド・タッチスクリーンでのデッキの操作性を向上 (#8450)
* enhance experience of deck with touchpad
* test: 単純にdeltaYを加算してみる
* clean up
* ios bug fix?
* :v:
* use overflow-y
* Safari does not supports clip
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/ui/deck.vue | 4 | ||||
| -rw-r--r-- | packages/client/src/ui/deck/column.vue | 6 |
2 files changed, 5 insertions, 5 deletions
diff --git a/packages/client/src/ui/deck.vue b/packages/client/src/ui/deck.vue index 7e845feef4..1e0d9a1652 100644 --- a/packages/client/src/ui/deck.vue +++ b/packages/client/src/ui/deck.vue @@ -128,8 +128,8 @@ if (deckStore.state.navWindow) { document.documentElement.style.overflowY = 'hidden'; document.documentElement.style.scrollBehavior = 'auto'; window.addEventListener('wheel', (ev) => { - if (getScrollContainer(ev.target as HTMLElement) == null) { - document.documentElement.scrollLeft += ev.deltaY > 0 ? 96 : -96; + if (getScrollContainer(ev.target as HTMLElement) == null && ev.deltaX === 0) { + document.documentElement.scrollLeft += ev.deltaY; } }); loadDeck(); diff --git a/packages/client/src/ui/deck/column.vue b/packages/client/src/ui/deck/column.vue index 4f427b7624..5f8da8cf8f 100644 --- a/packages/client/src/ui/deck/column.vue +++ b/packages/client/src/ui/deck/column.vue @@ -372,9 +372,9 @@ function onDrop(e) { > div { height: calc(100% - var(--deckColumnHeaderHeight)); - overflow: auto; - overflow-x: hidden; - overscroll-behavior: contain; + overflow-y: auto; + overflow-x: hidden; // Safari does not supports clip + overflow-x: clip; -webkit-overflow-scrolling: touch; box-sizing: border-box; } |