supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #836 from thelounge/xpaw/slideout-width

Browse Source 
Calculate menu width on touch start
This commit is contained in:
Jérémie Astori 2017-01-04 01:48:38 -05:00 committed by GitHub
commit 280d145502
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/js/libs/slideout.js
View File

@ -5,7 +5,7 @@ export default function slideoutMenu(viewport, menu) {
var touchStartPos = null; var touchStartPos = null;
var touchCurPos = null; var touchCurPos = null;
var touchStartTime = 0; var touchStartTime = 0;
var menuWidth = parseFloat(window.getComputedStyle(menu).width); var menuWidth = 0;
var menuIsOpen = false; var menuIsOpen = false;
var menuIsMoving = false; var menuIsMoving = false;
@ -27,6 +27,8 @@ export default function slideoutMenu(viewport, menu) {
var touch = e.touches.item(0); var touch = e.touches.item(0);
viewport.classList.toggle("menu-dragging", true); viewport.classList.toggle("menu-dragging", true);
menuWidth = parseFloat(window.getComputedStyle(menu).width);
if ((!menuIsOpen && touch.screenX < 50) || (menuIsOpen && touch.screenX > menuWidth)) { if ((!menuIsOpen && touch.screenX < 50) || (menuIsOpen && touch.screenX > menuWidth)) {
touchStartPos = touch; touchStartPos = touch;
touchCurPos = touch; touchCurPos = touch;