From 86ee9b1e9a88dfad8057a453efa163e7ede77f16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Busso?=
 <90727999+agustinbusso@users.noreply.github.com>
Date: Tue, 30 Jan 2024 10:41:33 -0300
Subject: [PATCH 1/2] Fix ellipsis menu height and scrollbar

---
 resources/js/components/shared/FilterTable.vue            | 8 ++++++++
 .../processes/categories/components/CategoriesListing.vue | 2 +-
 resources/js/processes/components/ArchivedProcessList.vue | 1 +
 resources/js/processes/components/ProcessesListing.vue    | 4 ++--
 .../js/templates/components/ProcessTemplatesListing.vue   | 2 +-
 5 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/shared/FilterTable.vue b/resources/js/components/shared/FilterTable.vue
index ca22f542fc..ca33e86deb 100644
--- a/resources/js/components/shared/FilterTable.vue
+++ b/resources/js/components/shared/FilterTable.vue
@@ -377,5 +377,13 @@ export default {
 .pm-table-container::-webkit-scrollbar-thumb {
   background-color: #6C757D;
   border-radius: 20px;
+} 
+.pm-table-container {
+  height: calc(100vh - 150px);
+  min-height: 400px;
+}
+.ellipsis-dropdown-main ul.dropdown-menu.dropdown-menu-right.show {
+  max-height: 250px;
+  overflow-y: auto;
 }
 </style>
diff --git a/resources/js/processes/categories/components/CategoriesListing.vue b/resources/js/processes/categories/components/CategoriesListing.vue
index 40bb754e83..bab6ca7d09 100644
--- a/resources/js/processes/categories/components/CategoriesListing.vue
+++ b/resources/js/processes/categories/components/CategoriesListing.vue
@@ -11,7 +11,7 @@
           <filter-table
             :headers="fields"
             :data="data"
-            style="height: calc(100vh - 350px);"
+            style="height: calc(100vh - 355px);"
           >
          <!-- Slot Table Header filter Button -->
             <template v-for="(column, index) in fields" v-slot:[`filter-${column.field}`]>
diff --git a/resources/js/processes/components/ArchivedProcessList.vue b/resources/js/processes/components/ArchivedProcessList.vue
index 7b54944f11..f9438b30fb 100644
--- a/resources/js/processes/components/ArchivedProcessList.vue
+++ b/resources/js/processes/components/ArchivedProcessList.vue
@@ -15,6 +15,7 @@
       <filter-table
         :headers="fields"
         :data="data"
+        style="height: calc(100vh - 355px);"
       >
         <!-- Slot Table Body -->
         <template
diff --git a/resources/js/processes/components/ProcessesListing.vue b/resources/js/processes/components/ProcessesListing.vue
index 93b1cb365d..5e189fca9d 100644
--- a/resources/js/processes/components/ProcessesListing.vue
+++ b/resources/js/processes/components/ProcessesListing.vue
@@ -15,7 +15,7 @@
       <filter-table
         :headers="fields"
         :data="data"
-        style="height: calc(100vh - 350px);"
+        style="height: calc(100vh - 355px);"
       >
         <!-- Slot Table Header filter Button -->
         <template
@@ -278,4 +278,4 @@ export default {
     padding: 0;
   }
 
-</style>
+</style>
\ No newline at end of file
diff --git a/resources/js/templates/components/ProcessTemplatesListing.vue b/resources/js/templates/components/ProcessTemplatesListing.vue
index 46d89fc3bb..f300b2da02 100644
--- a/resources/js/templates/components/ProcessTemplatesListing.vue
+++ b/resources/js/templates/components/ProcessTemplatesListing.vue
@@ -11,7 +11,7 @@
         <filter-table
           :headers="fields"
           :data="data"
-          style="height: calc(100vh - 350px);"
+          style="height: calc(100vh - 355px);"
         >
           <!-- Slot Table Header filter Button -->
           <template v-for="(column, index) in fields" v-slot:[`filter-${column.field}`]>

From 67dd133380a5b88dad8b1c8e0779184c4ab688bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Busso?=
 <90727999+agustinbusso@users.noreply.github.com>
Date: Tue, 30 Jan 2024 10:49:55 -0300
Subject: [PATCH 2/2] Fix code smell

---
 resources/js/components/shared/FilterTable.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/shared/FilterTable.vue b/resources/js/components/shared/FilterTable.vue
index ca33e86deb..46a7422606 100644
--- a/resources/js/components/shared/FilterTable.vue
+++ b/resources/js/components/shared/FilterTable.vue
@@ -238,6 +238,8 @@ export default {
   border-radius: 5px;
   scrollbar-width: 8px;
   scrollbar-color: #6C757D;
+  height: calc(100vh - 150px);
+  min-height: 400px;
 }
 
 .pm-table-container th {
@@ -378,10 +380,6 @@ export default {
   background-color: #6C757D;
   border-radius: 20px;
 } 
-.pm-table-container {
-  height: calc(100vh - 150px);
-  min-height: 400px;
-}
 .ellipsis-dropdown-main ul.dropdown-menu.dropdown-menu-right.show {
   max-height: 250px;
   overflow-y: auto;