From c14611b54e9e1787cb3b335a5dda26ea558b3917 Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Thu, 29 Aug 2024 12:35:00 -0400
Subject: [PATCH] FOUR-18617: The Header of the columns will change
 'Capitalized Case'

---
 resources/js/components/shared/FilterTable.vue       | 7 +++++++
 resources/js/requests/components/RequestsListing.vue | 9 ---------
 resources/js/tasks/components/TasksList.vue          | 6 +-----
 3 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/resources/js/components/shared/FilterTable.vue b/resources/js/components/shared/FilterTable.vue
index aafdb15225..9e49f82b07 100644
--- a/resources/js/components/shared/FilterTable.vue
+++ b/resources/js/components/shared/FilterTable.vue
@@ -382,6 +382,13 @@ export default {
   right: 7px;
   background-color: #F2F8FE
 }
+.pm-table-ellipsis-column{
+  text-transform: capitalize;
+}
+.pm-table-column-header-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .pm-table-ellipsis-column .pm-table-filter-button {
   opacity: 0;
   visibility: hidden;
diff --git a/resources/js/requests/components/RequestsListing.vue b/resources/js/requests/components/RequestsListing.vue
index f8cc98328d..7f4d5be172 100644
--- a/resources/js/requests/components/RequestsListing.vue
+++ b/resources/js/requests/components/RequestsListing.vue
@@ -623,15 +623,6 @@ export default {
   }
 };
 </script>
-<style>
-  .pm-table-ellipsis-column{
-    text-transform: uppercase;
-  }
-  .pm-table-column-header-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-</style>
 <style lang="scss" scoped>
   @import url("../../../sass/_scrollbar.scss");
 </style>
diff --git a/resources/js/tasks/components/TasksList.vue b/resources/js/tasks/components/TasksList.vue
index 2c81c3b4c7..b60917d83d 100644
--- a/resources/js/tasks/components/TasksList.vue
+++ b/resources/js/tasks/components/TasksList.vue
@@ -902,7 +902,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 .tasks-table-card {
   padding: 0;
 }
@@ -929,10 +929,6 @@ export default {
   background-color: #EDF1F6;
   color: #888;
 }
-.pm-table-column-header-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
 </style>
 <style lang="scss" scoped>
 @import url("../../../sass/_scrollbar.scss");