From b5d2e5f5f841f12d39dd74b4a8762cee6dd079d5 Mon Sep 17 00:00:00 2001
From: Emmy Leke <emmy.leke@planetcrust.com>
Date: Thu, 13 Jul 2023 11:39:31 +0100
Subject: [PATCH] Fix hover issue with actions column on modules list

---
 .../compose/src/components/PageBlocks/RecordListBase.vue  | 2 +-
 client/web/compose/src/views/Admin/Modules/List.vue       | 8 +-------
 lib/vue/src/components/resourceList/CResourceList.vue     | 1 +
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/client/web/compose/src/components/PageBlocks/RecordListBase.vue b/client/web/compose/src/components/PageBlocks/RecordListBase.vue
index f1726277f..c02de3b54 100644
--- a/client/web/compose/src/components/PageBlocks/RecordListBase.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordListBase.vue
@@ -1869,6 +1869,7 @@ th .required::after {
 tr:hover td.actions {
   opacity: 1;
   background-color: $gray-200;
+  z-index: 1;
 }
 
 .inline-actions {
@@ -1896,7 +1897,6 @@ td:hover .inline-actions {
   opacity: 0;
   transition: opacity 0.25s;
   width: 1%;
-  z-index: 1000;
 
   .regular-font {
     font-family: $font-regular !important;
diff --git a/client/web/compose/src/views/Admin/Modules/List.vue b/client/web/compose/src/views/Admin/Modules/List.vue
index b8ef2e633..0eaa4c4be 100644
--- a/client/web/compose/src/views/Admin/Modules/List.vue
+++ b/client/web/compose/src/views/Admin/Modules/List.vue
@@ -29,7 +29,7 @@
       }"
       clickable
       sticky-header
-      class="module-list h-100"
+      class="h-100"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >
@@ -345,12 +345,6 @@ export default {
 </script>
 
 <style lang="scss">
-.module-list {
-  td.actions {
-    position: static !important;
-  }
-}
-
 .permissions-dropdown {
   .dropdown-item {
     padding: 0;
diff --git a/lib/vue/src/components/resourceList/CResourceList.vue b/lib/vue/src/components/resourceList/CResourceList.vue
index 1bdfee0cd..e1f8d2024 100644
--- a/lib/vue/src/components/resourceList/CResourceList.vue
+++ b/lib/vue/src/components/resourceList/CResourceList.vue
@@ -417,6 +417,7 @@ export default {
   tr:hover td.actions {
     opacity: 1;
     background-color: #F9FAFB;
+    z-index: 1;
   }
 }
 </style>