deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-06-13 11:12:22 +02:00
Code Issues Projects Releases Wiki Activity

Fix menu swiping

Browse source
This commit is contained in:
Pavel Djundik 2018-07-13 10:41:12 +03:00 committed by Pavel Djundik
parent d9206c1087
commit 797731262a
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/js/slideout.js
View file

@ -35,7 +35,7 @@ function onTouchStart(e) {
return;
}
const styles = window.getComputedStyle(this.menu);
const styles = window.getComputedStyle(SlideoutMenu.menu);
menuWidth = parseFloat(styles.width);
menuIsAbsolute = styles.position === "absolute";
@ -65,7 +65,7 @@ function onTouchMove(e) {
const devicePixelRatio = window.devicePixelRatio || 2;
if (Math.abs(distX) > devicePixelRatio) {
this.viewport.classList.toggle("menu-dragging", true);
SlideoutMenu.viewport.classList.toggle("menu-dragging", true);
menuIsMoving = true;
}
}
@ -85,8 +85,8 @@ function onTouchMove(e) {
distX = 0;
}
this.menu.style.transform = "translate3d(" + distX + "px, 0, 0)";
this.sidebarOverlay.style.opacity = distX / menuWidth;
SlideoutMenu.menu.style.transform = "translate3d(" + distX + "px, 0, 0)";
SlideoutMenu.sidebarOverlay.style.opacity = distX / menuWidth;
}
function onTouchEnd() {
@ -99,9 +99,9 @@ function onTouchEnd() {
document.body.removeEventListener("touchmove", onTouchMove);
document.body.removeEventListener("touchend", onTouchEnd);
this.viewport.classList.toggle("menu-dragging", false);
this.menu.style.transform = null;
this.sidebarOverlay.style.opacity = null;
SlideoutMenu.viewport.classList.toggle("menu-dragging", false);
SlideoutMenu.menu.style.transform = null;
SlideoutMenu.sidebarOverlay.style.opacity = null;
touchStartPos = null;
touchCurPos = null;