ADD: fade-in for transaction elements

frontend/src/assets/css/net-suite.css

@@ -292,3 +292,13 @@ table.collapse.in {
 .bg-prod {
     background: #f8f9fa;
 }
+
+.fade-in {
+    animation: fadein .5s;
+}
+
+@keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+

frontend/src/components/TransactionList.vue

@@ -27,7 +27,7 @@
       <Draggable v-else @change="drag_change" :value="$store.state.ta_list" @start="drag=true" @end="drag=false"
                  handle=".handle">
         <b-card v-for="(element, index) in $store.state.ta_list" :key="element.id"
-                :border-variant="function2variant(element.object_function)" class="mb-3 shadow" no-body>
+                :border-variant="function2variant(element.object_function)" class="mb-3 shadow fade-in" no-body>
           <div class="element-number handle"
                :class="`badge badge-${function2variant(element.object_function)}`">
             {{ index + 1 }}