From 48a3ea1945599c3fb4053a7f74426a7422e30e1c Mon Sep 17 00:00:00 2001
From: Stephen Abello <stephen.abello@combodo.com>
Date: Wed, 2 Apr 2025 14:31:33 +0200
Subject: [PATCH] =?UTF-8?q?N=C2=B08274=20-=20Replace=20color=20for=20selec?=
 =?UTF-8?q?ted=20rows=20in=20datatables?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../public/css/vendors/_datatables.scss       | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/vendors/_datatables.scss b/datamodels/2.x/itop-portal-base/portal/public/css/vendors/_datatables.scss
index b918e309d..6f11d6d7f 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/vendors/_datatables.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/vendors/_datatables.scss
@@ -15,8 +15,11 @@ $ipb-vendors--datatables--paginate-button--disabled--colors: map-get(map-get(map
 $ipb-vendors--datatables--paginate-button--active--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'primary'), '') !default;
 $ipb-vendors--datatables--paginate-button--active--hover--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'primary'), ':hover') !default;
 
-$ipb-vendors-datatables--row--background-color--is-odd: $common-color-white-100 !default;
-$ipb-vendors-datatables--row--background-color--is-even: $common-color-white-200 !default;
+$ipb-vendors-datatables--row--is-odd--background-color: $common-color-white-100 !default;
+$ipb-vendors-datatables--row--is-even--background-color: $common-color-white-200 !default;
+$ipb-vendors-datatables--row--is-selected--color: $common-color-blue-900 !default;
+$ipb-vendors-datatables--row--is-selected--background-color: $common-color-blue-200 !default;
+$ipb-vendors-datatables--row--is-selected--hover--background-color: $common-color-blue-100 !default;
 
 $ipb-vendors-datatables--row-highlight--first-cell--width: 3px !default;
 
@@ -60,10 +63,10 @@ $ipb-vendors-datatables--row-highlight--first-cell--colors:(
 }
 
 .table-striped > tbody > tr{
-  background-color: $ipb-vendors-datatables--row--background-color--is-even;
+  background-color: $ipb-vendors-datatables--row--is-even--background-color;
   cursor: pointer;
   &:nth-of-type(2n+1) {
-    background-color: $ipb-vendors-datatables--row--background-color--is-odd;
+    background-color: $ipb-vendors-datatables--row--is-odd--background-color;
   }
   @each $sColorLabel, $aAttributes in $ipb-vendors-datatables--row-highlight--colors {
     $sBgColor: nth($aAttributes, 1);
@@ -133,4 +136,16 @@ $ipb-vendors-datatables--row-highlight--first-cell--colors:(
 
 .dataTables_length, .dataTables_filter, .dataTables_info {
   @extend %common-font-ral-nor-150;
+}
+
+table.dataTable  {
+  > thead, tbody, tfoot {
+    > tr.selected {
+        background-color: $ipb-vendors-datatables--row--is-selected--background-color;
+        color: $ipb-vendors-datatables--row--is-selected--color;
+      &:hover {
+        background-color: $ipb-vendors-datatables--row--is-selected--hover--background-color;
+      }
+    }
+  }
 }
\ No newline at end of file