renaming variables

partials/GridEditor.vue

@@ -157,7 +157,7 @@
           //----- (when main move handler is outside of viewport)
           cell-handler-mobile.temp-handler(
           v-touch-pan="handleMoveCell",
-          :class="[(!mobileTempCell.onGrid || tempHandler.move.visibility || handlerNewCell.resize.pushed || handlerNewCell.move.pushed ? 'hide': 'show'), (tempHandler.move.side === 'left' ? 'left-side' : 'right-side')]",
+          :class="[(!mobileTempCell.onGrid || tempHandler.move.intersectingMain || handlerNewCell.resize.pushed || handlerNewCell.move.pushed ? 'hide': 'show'), (tempHandler.move.side === 'left' ? 'left-side' : 'right-side')]",
           :style="{top: handlerNewCell.move.y + 59 - 20 + 'px'}",)
             q-icon.self-center.rotate-180(name="open_with", size="22px")
 
@@ -176,7 +176,7 @@
           //----- (when main resize handler is outside of viewport)
           cell-handler-mobile.temp-handler(
           v-touch-pan="handleResizeCell",
-          :class="[(!mobileTempCell.onGrid || tempHandler.resize.visibility || handlerNewCell.move.pushed || handlerNewCell.resize.pushed ? 'hide': 'show'), (tempHandler.resize.side === 'left' ? 'left-side' : 'right-side')]",
+          :class="[(!mobileTempCell.onGrid || tempHandler.resize.intersectingMain || handlerNewCell.move.pushed || handlerNewCell.resize.pushed ? 'hide': 'show'), (tempHandler.resize.side === 'left' ? 'left-side' : 'right-side')]",
           :style="{top: handlerNewCell.resize.y + 59 - 20 + 'px'}",)
             q-icon.self-center(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
 
@@ -342,8 +342,8 @@
         },
         handlerNewCellTemp: {visibility: true, left: 0},
         tempHandler: {
-          move: {left: undefined, visibility: false, side: undefined, intersectingMainHandler: undefined},
-          resize: {left: undefined, visibility: false, side: undefined, intersectingMainHandler: undefined}
+          move: {left: undefined, intersectingMain: false, side: undefined, intersectingMainHandler: undefined},
+          resize: {left: undefined, intersectingMain: false, side: undefined, intersectingMainHandler: undefined}
         }
       }
     },
@@ -458,7 +458,7 @@
         // -------------------- move
         if (obj.element === 'move') {
           this.tempHandler.move.intersectingMainHandler = obj.intersecting
-          this.tempHandler.move.visibility = obj.intersecting
+          this.tempHandler.move.intersectingMain = obj.intersecting
 
           // behind left side
           if (Math.sign(obj.offsetLeft) < 0) {
@@ -467,7 +467,7 @@
           }
           // visible
           else if (Math.sign(obj.offsetLeft) === 0) {
-            this.tempHandler.resize.visibility = true
+            this.tempHandler.resize.intersectingMain = true
           }
           // behind right side
           else if (Math.sign(obj.offsetLeft) === 1) {
@@ -479,7 +479,7 @@
         // -------------------- resize
         if (obj.element === 'resize') {
           this.tempHandler.resize.intersectingMainHandler = obj.intersecting
-          this.tempHandler.resize.visibility = obj.intersecting
+          this.tempHandler.resize.intersectingMain = obj.intersecting
 
           // on left side
           if (Math.sign(obj.offsetLeft) === -1) {
@@ -493,7 +493,7 @@
           else if (Math.sign(obj.offsetLeft) === 1) {
             // this.tempHandler.resize.left = window.innerWidth - 40 - 4
             this.tempHandler.resize.side = 'right'
-            // if (this.tempHandler.move.visibility === false) this.tempHandler.resize.visibility = true
+            // if (this.tempHandler.move.intersectingMain === false) this.tempHandler.resize.intersectingMain = true
           }
         }
       },