diff --git a/partials/GridEditor.vue b/partials/GridEditor.vue index 5f0593b6d48fb869aaa1e5028f73ef0ba6135160..cc786fa18290addeb253737749aeb48d4c735785 100644 --- a/partials/GridEditor.vue +++ b/partials/GridEditor.vue @@ -145,13 +145,13 @@ //----------------------------------------------------------------------------------------------- move handler //----- (main) v-if="mobileTempCell.onGrid && !handlerNewCell.resize.pushed", - cell-handler-mobile.absolute( + cell-handler-mobile.main.absolute( v-if="!handlerNewCell.resize.pushed", @onIntersectionChange="intersectionChanged", :element="'move'", v-touch-pan="handleMoveCell", :style="{left: handlerNewCell.move.x - 20 + 'px', top: handlerNewCell.move.y - 20 + 'px'}", - :class="[{'pushed': !handlerNewCell.move.pushed}]") + :class="[{'pushed': !handlerNewCell.move.pushed}, {'hide': !mobileTempCell.onGrid}]") q-icon.self-center.rotate-180(name="open_with", size="22px") //----- (temp) @@ -165,13 +165,13 @@ //--------------------------------------------------------------------------------------------- resize handler //----- (main) v-if="mobileTempCell.onGrid && !handlerNewCell.move.pushed", - cell-handler-mobile.absolute( + cell-handler-mobile.main.absolute( v-if="!handlerNewCell.move.pushed", @onIntersectionChange="intersectionChanged", :element="'resize'", v-touch-pan="handleResizeCell", :style="{left: handlerNewCell.resize.x - 20 + 'px', top: handlerNewCell.resize.y - 20 + 'px'}", - :class="{'pushed': !handlerNewCell.resize.pushed}") + :class="[{'pushed': !handlerNewCell.resize.pushed}, {'hide': !mobileTempCell.onGrid}]") q-icon.self-center(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;") //----- (temp) @@ -1302,6 +1302,11 @@ //************************************************** mobile: new cell handler-width = 40px + .main + &.hide + width 0!important + overflow hidden + .handler-new-cell width handler-width height handler-width