From 88b8aad4fa9d0b7d7c15b8cfaf2193e92526e720 Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Tue, 30 Jun 2020 16:10:27 +0800
Subject: [PATCH] display assignee tooltip to show full name

---
 .../components/task/elements/TaskDetailsComponent.vue  | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/resources/assets/vue/components/task/elements/TaskDetailsComponent.vue b/resources/assets/vue/components/task/elements/TaskDetailsComponent.vue
index 4071c90..72f2584 100644
--- a/resources/assets/vue/components/task/elements/TaskDetailsComponent.vue
+++ b/resources/assets/vue/components/task/elements/TaskDetailsComponent.vue
@@ -154,7 +154,7 @@
                                                             <div class="row mt-2" v-if="task.assignees.departments.length">
                                                                 <div class="col">
                                                                     <div class="mr-2 mb-1 d-inline-block text-center assignee-avatar"  v-for="assignee in task.assignees.departments">
-                                                                        <avatar :size="30" :username="assignee.name"></avatar>
+                                                                        <avatar :size="30" :username="assignee.name" data-toggle="tooltip" data-placement="bottom" :title="assignee.name"></avatar>
                                                                     </div>
                                                                 </div>
                                                             </div>
@@ -243,6 +243,9 @@
                 this.task = this.data;
             }
         },
+        mounted(){
+            $('[data-toggle="tooltip"]').tooltip()
+        },
         methods: {
             startTimer(){
                 this.submit(this.route('api.task.timer.start', this.task.id), 'post', null, true, true)
@@ -263,3 +266,8 @@
         }
     }
 </script>
+<style>
+    .tooltip {
+        font-size: 10px;
+    }
+</style>