tag steps added afterward

src/modules/record/components/StepRecord.vue

@@ -63,7 +63,7 @@ const isSuperiorToEstimation = computed(() => {
 
 <template>
   <tr v-if="step" class="step-record">
-    <td class="td-rank">
+    <td class="td-rank" :class="{ 'added-afterward': step.addedAfterward }">
       <div class="rank">
         <template v-if="isCurrentStep">
           <img
@@ -113,6 +113,12 @@ $blob-color: $link;
     }
   }
 
+  .td-rank {
+    &.added-afterward {
+      background: #fbc124;
+    }
+  }
+
   .rank {
     text-align: right;
     display: flex;

src/modules/task/interfaces/stepable.ts

@@ -5,4 +5,5 @@ export interface Stepable {
    * estimation in minutes
    */
   estimation: number
+  addedAfterward?: boolean
 }

src/modules/task/stores/useTask.store.ts

@@ -32,7 +32,7 @@ export const useTaskStore = defineStore('task-store', {
 
       const newSteps = [
         ...task.steps.slice(0, fromStepIndex + 1),
-        ...steps,
+        ...steps.map((step) => ({ ...step, addedAfterward: true })),
         ...task.steps.slice(fromStepIndex + 1)
       ]