From 3a367b9408a58e18a36dcdf06838d369e56599f7 Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Tue, 30 Jun 2020 15:44:01 +0800
Subject: [PATCH] display assignee tooltip to show full name

---
 .../taskAssignee/elements/TaskAssigneeComponent.vue       | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/resources/assets/vue/components/taskAssignee/elements/TaskAssigneeComponent.vue b/resources/assets/vue/components/taskAssignee/elements/TaskAssigneeComponent.vue
index 5ca4d8b..7f5bb19 100644
--- a/resources/assets/vue/components/taskAssignee/elements/TaskAssigneeComponent.vue
+++ b/resources/assets/vue/components/taskAssignee/elements/TaskAssigneeComponent.vue
@@ -2,7 +2,7 @@
     <div class="row" style="margin-top: -8px;">
         <div class="col">
             <div class="mr-2 mb-1 d-inline-block text-center assignee-avatar"  v-for="assignee in assignees">
-                <avatar :size="30" :username="assignee.name"></avatar>
+                <avatar :size="30" :username="assignee.name" data-toggle="tooltip" data-placement="bottom" :title="assignee.name"></avatar>
                 <i class="iconsminds-close d-block mt-1 delete-icon pointer text-danger" v-if="manageable" @click="deleteAssignee(assignee.id)"></i>
             </div>
         </div>
@@ -43,6 +43,9 @@
                 },
             };
         },
+        mounted(){
+            $('[data-toggle="tooltip"]').tooltip()
+        },
         methods:{
             deleteAssignee(id){
                 this.parameters.assignee_id = id;
@@ -61,4 +64,7 @@
     .assignee-avatar:hover .delete-icon {
         visibility: visible;
     }
+    .tooltip {
+        font-size: 10px;
+    }
 </style>