usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

enhance: タッチパッド・タッチスクリーンでのデッキの操作性を向上 (#8450) 

* enhance experience of deck with touchpad

* test: 単純にdeltaYを加算してみる

* clean up

* ios bug fix?

* ✌️

* use overflow-y

* Safari does not supports clip
This commit is contained in:
tamaina 2022-04-02 15:12:01 +09:00 committed by GitHub
parent 484e023c0c
commit f7030d4a42
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/client/src/ui/deck.vue
View File

@ -128,8 +128,8 @@ if (deckStore.state.navWindow) {
document.documentElement.style.overflowY = 'hidden'; document.documentElement.style.overflowY = 'hidden';
document.documentElement.style.scrollBehavior = 'auto'; document.documentElement.style.scrollBehavior = 'auto';
window.addEventListener('wheel', (ev) => { window.addEventListener('wheel', (ev) => {
if (getScrollContainer(ev.target as HTMLElement) == null) { if (getScrollContainer(ev.target as HTMLElement) == null && ev.deltaX === 0) {
document.documentElement.scrollLeft += ev.deltaY > 0 ? 96 : -96; document.documentElement.scrollLeft += ev.deltaY;
} }
}); });
loadDeck(); loadDeck();

6
packages/client/src/ui/deck/column.vue
View File

@ -372,9 +372,9 @@ function onDrop(e) {
> div { > div {
height: calc(100% - var(--deckColumnHeaderHeight)); height: calc(100% - var(--deckColumnHeaderHeight));
overflow: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden; // Safari does not supports clip
overscroll-behavior: contain; overflow-x: clip;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
box-sizing: border-box; box-sizing: border-box;
} }