structured structuring comments

partials/GridEditor.vue

@@ -52,7 +52,7 @@
     @contextmenu="handleGridContextMenu",
     :style="gridStyle")
 
-      //----- context menu grid (desktop only)
+      //----------------------------------------------------------------------------------- context menu: grid (desktop)
       q-context-menu.desktop-only(ref="gridmenu")
         q-list(link, separator, no-border, style="min-width: 150px; max-height: 300px;")
           q-item(
@@ -79,7 +79,7 @@
           :class="getAnnotationClasses(annotation._uuid, 'cell-item')",
           :key="`cell-${index}`")
 
-            //-------------------------------------------------------------------------------------------------- desktop
+            //------------------------------------------------------------------------------------ edit-button (desktop)
             .desktop-only
               q-btn.edit-button.absolute-top-right(
               @click.prevent="event => {handleCellEditClick(event, annotation)}",
@@ -87,12 +87,13 @@
               style="top: 8px; right: 8px;",
               :icon="annotationUIStates[annotation._uuid].editing ? 'close' : 'edit'", flat, round, size="md")
 
-            //--------------------------------------------------------------------------------------------------- mobile
+            //------------------------------------------------------------------------------------- select cell (mobile)
             .mobile-only
               .edit-button.absolute.fit.bg-transparent(
               v-touch-hold="event => {handleCellEdit(event, annotation)}",
               @click.prevent="event => {touchMobileCell(event, annotation)}")
 
+            //--------------------------------------------------------------------------------------------- cell content
             //----- selecting cells disabled because it has no use currently
             // switch with cell component below to re-enable it
             //cell(
@@ -101,7 +102,8 @@
             :annotation="annotation",
             :preview="true")
 
-            //----- resize-handler (desktop only)
+            //-------------------------------------------------------------------------------------------------- desktop
+            //------------------------------------------------------------------------------------------- resize-handler
             .desktop-only.cell-item-resize-handle(
             draggable="true",
             @dragstart="event => {handleCellResizerDragStart(event, annotation)}",
@@ -109,7 +111,7 @@
             @dragexit="event => {handleCellResizerDragEnd(event, annotation)}")
               q-icon.q-ma-xs(name="network cell")
 
-            //----- context menu for cells (desktop only)
+            //-------------------------------------------------------------------------------------- context menu: cells
             // TODO: needs revision
             q-context-menu.desktop-only
               q-list(link, separator, no-border, style="min-width: 150px; max-height: 300px;")
@@ -196,7 +198,7 @@
           q-btn.q-mr-md(round, color="primary", size="sm", @click="$router.push(`/mosys/grids/${$route.params.uuid}`)")
             q-icon(name="remove red eye")
 
-    // ------------------------------------------------------------------------------------------ edit box (mobile only)
+    // ----------------------------------------------------------------------------------------------- edit box (mobile)
 
     q-page-sticky.edit-box.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-6.overflow-hidden.hidden(
     v-if="isMobile",