fix orderable datatable on mutations and products index
This commit is contained in:
@@ -50,6 +50,24 @@
|
||||
|
||||
@section('styles')
|
||||
<style>
|
||||
/* Override any conflicting styles */
|
||||
#mutations-table thead th {
|
||||
position: relative !important;
|
||||
cursor: pointer !important;
|
||||
user-select: none !important;
|
||||
}
|
||||
|
||||
#mutations-table thead th:not(.sorting_disabled) {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
/* Ensure DataTables classes are applied */
|
||||
#mutations-table.dataTable thead th.sorting,
|
||||
#mutations-table.dataTable thead th.sorting_asc,
|
||||
#mutations-table.dataTable thead th.sorting_desc {
|
||||
cursor: pointer !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
/* DataTables Sorting Icons */
|
||||
table.dataTable thead .sorting:before,
|
||||
table.dataTable thead .sorting:after,
|
||||
@@ -92,7 +110,25 @@ table.dataTable thead th {
|
||||
table.dataTable thead th.sorting,
|
||||
table.dataTable thead th.sorting_asc,
|
||||
table.dataTable thead th.sorting_desc {
|
||||
cursor: pointer;
|
||||
cursor: pointer !important;
|
||||
pointer-events: auto !important;
|
||||
}
|
||||
|
||||
/* Force clickable area */
|
||||
table.dataTable thead th.sorting:hover,
|
||||
table.dataTable thead th.sorting_asc:hover,
|
||||
table.dataTable thead th.sorting_desc:hover {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
/* Ensure sorting icons are visible */
|
||||
table.dataTable thead .sorting:before,
|
||||
table.dataTable thead .sorting_asc:before,
|
||||
table.dataTable thead .sorting_desc:before {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user