display assignee tooltip to show full name

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>