mosys mobile: created selected-cell-header. hid editing box.

partials/GridEditor.vue

@@ -23,8 +23,8 @@
       .fixed-top-right.z-top(v-touch-pan="moveCachedCell", v-if="cachedNewCell",
       // :style="{top: touch.position.top - 16 - 16 + 'px'}")
     // .fixed-top.z-top(v-touch-pan="moveCachedCell", v-if="cachedNewCell")
-    #cell-helper.fixed-top.z-top.bg-dark.text-white.transition(:class="{'show': cachedNewCell}")
-      q-item.q-px-md.q-py-none.full-height
+    #new-cell-header.fixed-top.z-top.bg-dark.text-white.transition(:class="{'show': cachedNewCell}")
+      q-item.q-pl-md.q-pr-xs.q-py-none.full-height
         q-item-main
           | Place new cell
         q-item-side
@@ -35,6 +35,15 @@
           q-btn.bg-transparent.text-white.on-right(@click.native="clearCachedCell()", round, flat)
             q-icon(name="delete")
 
+    // -------------------------------------------------------------------------------------------- selected cell header
+    #selected-cell-header.fixed-top.z-top.bg-dark.text-white.transition(:class="{'show': showEditingCells}")
+      q-item.q-pl-md.q-pr-xs.q-py-none.full-height
+        q-item-main
+          | Edit cell
+        q-item-side
+          q-btn.bg-transparent.text-white.on-right(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}", round, flat)
+            q-icon(name="delete")
+
     // ------------------------------------------------------------------------------------------------------------ grid
       @click="event => {addMobileCell(event)}",
     div.cell-grid.relative-position(
@@ -206,7 +215,7 @@
 
     // ------------------------------------------------------------------------------------------ edit box (mobile only)
 
-    q-page-sticky.edit-box.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-6.overflow-hidden(
+    q-page-sticky.edit-box.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-6.overflow-hidden.hidden(
     v-if="isMobile",
     :class="[{'show-full' : carousel.visibility && showEditingCells}, {'show-minimized' : showEditingCells}]",
     style="border-radius: .5rem;",
@@ -1248,7 +1257,8 @@
     max-height calc(calc(100vh - 60px - 16px - 16px) / 2)
     overflow-y scroll
 
-  #cell-helper
+  #new-cell-header
+  #selected-cell-header
     height 59px
     top -60px
     &.show