# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1551352587 -3600
# Node ID 27d3e9eda8b6d9ebc1b5754ae8e5092a3c9c6b68
# Parent  d9758395e09d83a92c3813eb6a3de6cc1ef89f95
client: table component: fade transition for adding/removing items

diff -r d9758395e09d -r 27d3e9eda8b6 client/src/components/ui/UITableBody.vue
--- a/client/src/components/ui/UITableBody.vue	Thu Feb 28 11:38:20 2019 +0100
+++ b/client/src/components/ui/UITableBody.vue	Thu Feb 28 12:16:27 2019 +0100
@@ -1,5 +1,7 @@
 <template>
-  <div
+  <transition-group
+    name="fade"
+    tag="div"
     class="table-body text-left small"
     :style="'overflow-y: auto; max-height: ' + maxHeight"
     v-if="data.length"
@@ -11,7 +13,7 @@
     >
       <slot :item="item" :index="index"></slot>
     </div>
-  </div>
+  </transition-group>
   <div v-else class="small text-center py-3 border-top">
     <translate>No results.</translate>
   </div>