From 397c482e5ce53b02a32d1d24967400edfe8d9c9a Mon Sep 17 00:00:00 2001
From: Gustavo Bascope <gustavo.bascope@processmaker.com>
Date: Wed, 7 Feb 2024 15:18:52 -0400
Subject: [PATCH 1/2] applied a method to initialy adjust the content with the
 column width

---
 resources/js/components/shared/EllipsisMenu.vue            | 2 +-
 resources/js/components/shared/FilterTable.vue             | 3 ++-
 resources/js/processes-catalogue/components/RequestTab.vue | 1 +
 resources/js/processes-catalogue/components/TaskTab.vue    | 3 ++-
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/shared/EllipsisMenu.vue b/resources/js/components/shared/EllipsisMenu.vue
index 1329138430..e59d425e57 100644
--- a/resources/js/components/shared/EllipsisMenu.vue
+++ b/resources/js/components/shared/EllipsisMenu.vue
@@ -8,7 +8,7 @@
     lazy
     right
     offset="0"
-    class="ellipsis-dropdown-main"
+    class="ellipsis-dropdown-main static-header"
     @show="onShow"
     @hide="onHide"
     
diff --git a/resources/js/components/shared/FilterTable.vue b/resources/js/components/shared/FilterTable.vue
index f3fc0b3be4..979c6e3dd6 100644
--- a/resources/js/components/shared/FilterTable.vue
+++ b/resources/js/components/shared/FilterTable.vue
@@ -174,6 +174,7 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
+      this.calculateColumnWidth();
       const ellipsisColumn = document.querySelectorAll(".pm-table-ellipsis-column");
 
       ellipsisColumn.forEach((column) => {
@@ -209,7 +210,7 @@ export default {
         let min = 40;
         const currentWidth = Math.max(min, this.startWidth + diff);
         const contentWidth = this.calculateContent(this.resizingColumnIndex);
-        if ((contentWidth - currentWidth) <= 60) {
+        if ((contentWidth - currentWidth) <= 80) {
           this.headers[this.resizingColumnIndex].width = currentWidth;
         }
       }
diff --git a/resources/js/processes-catalogue/components/RequestTab.vue b/resources/js/processes-catalogue/components/RequestTab.vue
index 7a848c6d6d..10e63071d9 100644
--- a/resources/js/processes-catalogue/components/RequestTab.vue
+++ b/resources/js/processes-catalogue/components/RequestTab.vue
@@ -7,6 +7,7 @@
       <filter-table
         :headers="tableHeadersRequests"
         :data="dataRequests"
+        table-name="request-tab"
         @table-row-click="handleRowClick"
       />
       <pagination-table
diff --git a/resources/js/processes-catalogue/components/TaskTab.vue b/resources/js/processes-catalogue/components/TaskTab.vue
index e2a6e34307..0f55d97c2c 100644
--- a/resources/js/processes-catalogue/components/TaskTab.vue
+++ b/resources/js/processes-catalogue/components/TaskTab.vue
@@ -7,6 +7,7 @@
       <filter-table
         :headers="tableHeadersTasks"
         :data="dataTasks"
+        table-name="task-tab"
         @table-row-click="handleRowClick"
       />
       <pagination-table
@@ -157,7 +158,7 @@ export default {
       return `
       <a href="${this.openRequest(processTask, 1)}"
          class="text-nowrap">
-         ${processTask.case_title_formatted || ""}
+         ${processTask.case_title_formatted || ""} hjgjhgjhg gjhghjg jhgjhghjg jhgjhghjg ghuhj
       </a>`;
     },
     formatParticipants(participants) {

From ae0d8e8493913f8cf72170ea114db20720008e0c Mon Sep 17 00:00:00 2001
From: Gustavo Bascope <gustavo.bascope@processmaker.com>
Date: Wed, 7 Feb 2024 15:27:16 -0400
Subject: [PATCH 2/2] Clear test code

---
 resources/js/processes-catalogue/components/TaskTab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/processes-catalogue/components/TaskTab.vue b/resources/js/processes-catalogue/components/TaskTab.vue
index 0f55d97c2c..48e017383e 100644
--- a/resources/js/processes-catalogue/components/TaskTab.vue
+++ b/resources/js/processes-catalogue/components/TaskTab.vue
@@ -158,7 +158,7 @@ export default {
       return `
       <a href="${this.openRequest(processTask, 1)}"
          class="text-nowrap">
-         ${processTask.case_title_formatted || ""} hjgjhgjhg gjhghjg jhgjhghjg jhgjhghjg ghuhj
+         ${processTask.case_title_formatted || ""}
       </a>`;
     },
     formatParticipants(participants) {