Use list for sub issues (#2514)

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>

plugins/tracker-resources/src/components/workflow/StatusEditor.svelte

@@ -41,6 +41,7 @@
     <div class="flex-no-shrink draggable-mark">
       {#if !isSingle}<Circles />{/if}
     </div>
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div class="flex-no-shrink ml-2 color" on:click={pickColor}>
       <div class="dot" style="background-color: {getPlatformColor(value.color ?? 0)}" />
     </div>

plugins/tracker-resources/src/components/workflow/StatusPresenter.svelte

@@ -23,6 +23,7 @@
   export let value: IssueStatus
   export let isDefault = false
   export let isSingle = true
+  export let issueStatuses: IssueStatus[] | undefined = undefined
 
   const dispatch = createEventDispatcher()
 
@@ -37,7 +38,7 @@
       <Circles />
     </div>
     <div class="flex-no-shrink ml-2">
-      <IssueStatusIcon {value} size="small" />
+      <IssueStatusIcon {value} size="small" {issueStatuses} />
     </div>
     <span class="content-accent-color ml-2">{value.name}</span>
     {#if value.description}
@@ -48,10 +49,12 @@
     {#if isDefault}
       <Label label={tracker.string.Default} />
     {:else if value.category === tracker.issueStatusCategory.Backlog || value.category === tracker.issueStatusCategory.Unstarted}
+      <!-- svelte-ignore a11y-click-events-have-key-events -->
       <div class="btn" on:click|preventDefault={() => dispatch('default-update', value._id)}>
         <Label label={tracker.string.MakeDefault} />
       </div>
     {/if}
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div
       class="btn"
       use:tooltip={{ label: tracker.string.EditWorkflowStatus, direction: 'bottom' }}
@@ -60,6 +63,7 @@
       <Icon icon={IconEdit} size="small" />
     </div>
     {#if !isSingle}
+      <!-- svelte-ignore a11y-click-events-have-key-events -->
       <div
         class="btn"
         use:tooltip={{ label: tracker.string.DeleteWorkflowStatus, direction: 'bottom' }}

plugins/tracker-resources/src/components/workflow/Statuses.svelte

@@ -295,6 +295,7 @@
                       editingStatus = { ...detail, color: detail.color ?? category.color }
                     }}
                     on:delete={deleteStatus}
+                    issueStatuses={workflowStatuses}
                   />
                 {/if}
               </div>