diff --git a/webapp/sources/rudder/rudder-web/src/main/javascript/rudder/rudder-datatable.js b/webapp/sources/rudder/rudder-web/src/main/javascript/rudder/rudder-datatable.js
index df9a5634529..42a2929c0f9 100644
--- a/webapp/sources/rudder/rudder-web/src/main/javascript/rudder/rudder-datatable.js
+++ b/webapp/sources/rudder/rudder-web/src/main/javascript/rudder/rudder-datatable.js
@@ -1336,7 +1336,6 @@ function createNodeTable(gridId, refresh, scores) {
, "title": "Compliance"
, "sSortDataType": "node-compliance"
, "type" : "numeric"
- , "class" : "tw-bs"
, "createdCell" : function (nTd, sData, oData, iRow, iCol) {
var link = callbackElement(oData, true)
var complianceBar = "N/A"
diff --git a/webapp/sources/rudder/rudder-web/src/main/style/rudder/rudder-datatable.css b/webapp/sources/rudder/rudder-web/src/main/style/rudder/rudder-datatable.css
index ec012eee92d..304afdba521 100644
--- a/webapp/sources/rudder/rudder-web/src/main/style/rudder/rudder-datatable.css
+++ b/webapp/sources/rudder/rudder-web/src/main/style/rudder/rudder-datatable.css
@@ -80,23 +80,27 @@
/* */
/* */
-.dataTable tr.head{
+.dataTable tr.head,
+.dataTables_scrollHead thead > tr {
border-bottom : 1px solid #d6deef;
font-size: 1.15em;
}
/* */
/*
*/
-.dataTable tr.head th .DataTables_sort_wrapper {
+.dataTable tr.head th .DataTables_sort_wrapper,
+.dataTables_scrollHead thead > tr th .DataTables_sort_wrapper{
top: 1px;
position: relative;
padding-right: 4px;
}
-.dataTable tr.head th .DataTables_sort_wrapper .DataTables_sort_icon{
+.dataTable tr.head th .DataTables_sort_wrapper .DataTables_sort_icon,
+.dataTables_scrollHead thead > tr th .DataTables_sort_wrapper .DataTables_sort_icon{
position: absolute;
}
-.dataTable tr.head th{
+.dataTable tr.head th,
+.dataTables_scrollHead thead > tr th{
padding: 10px 6px;
outline: none !important;
cursor: pointer;
@@ -104,17 +108,23 @@
}
.dataTable tr.head th.sorting,
.dataTable tr.head th.sorting_asc,
-.dataTable tr.head th.sorting_desc{
+.dataTable tr.head th.sorting_desc,
+.dataTables_scrollHead thead > tr th.sorting,
+.dataTables_scrollHead thead > tr th.sorting_asc,
+.dataTables_scrollHead thead > tr th.sorting_desc{
white-space: pre;
}
-.dataTable tr.head th.sorting:after{
+.dataTable tr.head th.sorting:after,
+.dataTables_scrollHead thead > tr th.sorting:after{
content: "";
display: inline-block;
min-width: 12px;
margin-left: 6px;
}
.dataTable tr.head th.sorting_asc:after,
-.dataTable tr.head th.sorting_desc:after{
+.dataTable tr.head th.sorting_desc:after,
+.dataTables_scrollHead thead > tr th.sorting_asc:after,
+.dataTables_scrollHead thead > tr th.sorting_desc:after{
display: inline-block;
min-width: 12px;
font-family: "Font Awesome 5 Free";
@@ -131,26 +141,34 @@
position: relative;
top: 1px;
}
-.dataTable tr.head th.sorting_asc:after{
+.dataTable tr.head th.sorting_asc:after,
+.dataTables_scrollHead thead > tr th.sorting_asc:after{
content: "\f0d8";
}
-.dataTable tr.head th.sorting_desc:after{
+.dataTable tr.head th.sorting_desc:after,
+.dataTables_scrollHead thead > tr th.sorting_desc:after{
content: "\f0d7";
}
.dataTable .dataTable tr.head th {
padding: 4px 6px;
font-size: 0.9em;
}
-.dataTable tr.head th.sorting{
+.dataTable tr.head th.sorting,
+.dataTables_scrollHead thead > tr th.sorting{
color: #738195;
}
.dataTable tr.head th.sorting.sorting_desc,
-.dataTable tr.head th.sorting.sorting_asc{
+.dataTable tr.head th.sorting.sorting_asc,
+.dataTables_scrollHead thead > tr th.sorting_asc,
+.dataTables_scrollHead thead > tr th.sorting_desc{
color: #041922;
}
.dataTable tr.head th.sorting:hover,
.dataTable tr.head th.sorting.sorting_desc:hover,
-.dataTable tr.head th.sorting.sorting_asc:hover{
+.dataTable tr.head th.sorting.sorting_asc:hover,
+.dataTables_scrollHead thead > tr th.sorting:hover,
+.dataTables_scrollHead thead > tr th.sorting_asc:hover,
+.dataTables_scrollHead thead > tr th.sorting_desc:hover{
cursor: pointer;
color: #0e5e9f;
}
|