subtype/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add closed-check for touchmove

Browse source
This commit is contained in:
shpuld 2018-12-23 20:14:40 +02:00
parent e46b560ead
commit 4752081818
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/side_drawer/side_drawer.js
View file

@ -33,7 +33,7 @@ const SideDrawer = {
}, },
touchMove (e) { touchMove (e) {
const delta = deltaX(this.touchX, touchEventX(e)) const delta = deltaX(this.touchX, touchEventX(e))
if (delta < -30) { if (delta < -30 && !this.closed) {
this.toggleDrawer() this.toggleDrawer()
} }
} }

6
src/components/side_drawer/side_drawer.vue
View file

@ -1,6 +1,10 @@
<template> <template>
<div class="side-drawer-container" :class="{ 'side-drawer-container-closed': closed, 'side-drawer-container-open': !closed }"> <div class="side-drawer-container" :class="{ 'side-drawer-container-closed': closed, 'side-drawer-container-open': !closed }">
<div class="panel panel-default side-drawer" :class="{'side-drawer-closed': closed}" @touchstart="touchStart" @touchmove.prevent="touchMove"> <div class="panel panel-default side-drawer"
:class="{'side-drawer-closed': closed}"
@touchstart="touchStart"
@touchmove.prevent="touchMove"
>
<div class="side-drawer-heading"> <div class="side-drawer-heading">
<user-card-content :activatePanel="activatePanel" :user="currentUser" :switcher="false" :hideBio="true"> <user-card-content :activatePanel="activatePanel" :user="currentUser" :switcher="false" :hideBio="true">
</user-card-content> </user-card-content>