From 176a86993877c640c29452419083db7bad9f1e5f Mon Sep 17 00:00:00 2001 From: Haschwalt29 Date: Thu, 8 Jan 2026 20:33:44 +0530 Subject: [PATCH 1/2] Align DataTables header hover styling with Jenkins core --- src/main/webapp/css/jenkins-style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/main/webapp/css/jenkins-style.css b/src/main/webapp/css/jenkins-style.css index c5bb08d..de78eaa 100644 --- a/src/main/webapp/css/jenkins-style.css +++ b/src/main/webapp/css/jenkins-style.css @@ -14,14 +14,14 @@ tr:last-child { border-bottom: .5pt solid var(--medium-grey); } -/* Add rounded border for table header hover */ +/* Align DataTables header hover with Jenkins core tables */ table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover { - outline: 1.5px solid var(--bs-table-border-color); - outline-offset: -5px; - border-radius: 10px; + background-color: var(--table-header-hover-bg, var(--background-hover)); + box-shadow: inset 0 0 0 1px var(--table-border-color); + border-radius: 14px; } th.sorting, th.no-sort, th.nosort { From b09402aa2264b447a67daad01045aedf4f157fea Mon Sep 17 00:00:00 2001 From: Haschwalt29 Date: Sat, 10 Jan 2026 15:59:35 +0530 Subject: [PATCH 2/2] Apply hover styling to all DataTables header cells --- src/main/webapp/css/jenkins-style.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/main/webapp/css/jenkins-style.css b/src/main/webapp/css/jenkins-style.css index de78eaa..c9a1960 100644 --- a/src/main/webapp/css/jenkins-style.css +++ b/src/main/webapp/css/jenkins-style.css @@ -15,15 +15,14 @@ tr:last-child { } /* Align DataTables header hover with Jenkins core tables */ -table.dataTable thead > tr > th.dt-orderable-asc:hover, -table.dataTable thead > tr > th.dt-orderable-desc:hover, -table.dataTable thead > tr > td.dt-orderable-asc:hover, -table.dataTable thead > tr > td.dt-orderable-desc:hover { +table.dataTable thead > tr > th:hover, +table.dataTable thead > tr > td:hover { background-color: var(--table-header-hover-bg, var(--background-hover)); box-shadow: inset 0 0 0 1px var(--table-border-color); - border-radius: 14px; + border-radius: 2px; } + th.sorting, th.no-sort, th.nosort { color: var(--text-color); background: var(--background);