Commit 66979667 authored by christianrhansen's avatar christianrhansen

using prevent modifier for cell handler

parent 19f9fb3b
Pipeline #51231 passed with stage
in 1 minute and 7 seconds
<template lang="pug">
div.cell-grid-container.bg-dark(
:class="{'overflow-hidden': (cellHandler.resize.pushed || cellHandler.move.pushed) && isMobile}",
style="overflow-y: hidden; scroll-behavior: smooth;")
q-window-resize-observable(@resize="updateGridDimensions")
......@@ -116,7 +115,7 @@
v-if="!cellHandler.resize.pushed",
@onIntersectionChange="intersectionChanged",
:type="'move'",
v-touch-pan="moveCell",
v-touch-pan.prevent="moveCell",
:style="{left: cellHandler.move.x - 20 + 4 + 'px', top: cellHandler.move.y - 20 + 4 + 'px'}",
:class="[{'pushed': !cellHandler.move.pushed}, {'hide': cellHandler.hidden}]")
q-icon.rotate-180(name="open_with", size="22px")
......@@ -124,7 +123,7 @@
//----- sticked to edge
cell-handler.sticked-handler(
v-touch-pan="moveCell",
v-touch-pan.prevent="moveCell",
:doubleTap="{el: $el, type: 'scroll', oLeft: tempCell.left}",
:class="[(cellHandler.hidden || sideHandler.move.intersectingMainHandler || cellHandler.resize.pushed || cellHandler.move.pushed ? 'hide': 'show'), (sideHandler.move.side === 'left' ? 'left-side' : 'right-side'), (isMobile ? 'mobile' : 'desktop')]",
:style="{top: cellHandler.move.y + 59 - 20 + 4 + 'px'}",)
......@@ -137,7 +136,7 @@
v-if="!cellHandler.move.pushed",
@onIntersectionChange="intersectionChanged",
:type="'resize'",
v-touch-pan="resizeCell",
v-touch-pan.prevent="resizeCell",
:style="{left: cellHandler.resize.x - 20 - 4 + 'px', top: cellHandler.resize.y - 20 - 4 + 'px'}",
:class="[{'pushed': !cellHandler.resize.pushed}, {'hide': cellHandler.hidden}]")
q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
......@@ -145,7 +144,7 @@
//----- sticked to edge
cell-handler.sticked-handler(
v-touch-pan="resizeCell",
v-touch-pan.prevent="resizeCell",
:class="[(cellHandler.hidden || sideHandler.resize.intersectingMainHandler || cellHandler.move.pushed || cellHandler.resize.pushed ? 'hide': 'show'), (sideHandler.resize.side === 'left' ? 'left-side' : 'right-side'), (isMobile ? 'mobile' : 'desktop')]",
:style="{top: cellHandler.resize.y + 59 - 20 - 4 + 'px'}",)
q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment