Fix hover issue with actions column on modules list

This commit is contained in:
Emmy Leke
2023-07-18 12:50:53 +01:00
committed by EmmyMay
parent 9f42050b39
commit b5d2e5f5f8
3 changed files with 3 additions and 8 deletions
@@ -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;
@@ -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;
@@ -417,6 +417,7 @@ export default {
tr:hover td.actions {
opacity: 1;
background-color: #F9FAFB;
z-index: 1;
}
}
</style>