fix: Fix Task Label Text truncation - MEED-2664 - Meeds-io/meeds#1065 (…

…#273) Prior to this change, the Task label is displayed over the due date. This change will add text truncation on labels to avoid this.
Meeds-io · Oct 6, 2023 · ac66ae3 · ac66ae3
1 parent 89c4041
commit ac66ae3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/webapps/src/main/webapp/vue-app/tasks-management/components/ProjectTasks/TaskViewCard.vue b/webapps/src/main/webapp/vue-app/tasks-management/components/ProjectTasks/TaskViewCard.vue
@@ -78,6 +78,7 @@
             <div
               v-if="task.labels && task.labels.length"
               :class="getClassLabels()"
+              class="text-truncate rounded"
               @click="openTaskDrawer()">
               <v-chip
                 v-if="task.labels && task.labels.length == 1"

diff --git a/webapps/src/main/webapp/vue-app/tasks-management/components/tasks/TaskCard.vue b/webapps/src/main/webapp/vue-app/tasks-management/components/tasks/TaskCard.vue
@@ -76,6 +76,7 @@
           <div
             v-if="task.labels && task.labels.length"
             :class="getClassLabels()"
+            class="text-truncate rounded"
             @click="openTaskDrawer()">
             <v-chip
               v-if="task.labels && task.labels.length == 1"