From 015ce8a99ec31bffab0ef884b323858a09c9daf0 Mon Sep 17 00:00:00 2001
From: AleksanderSklorz <115619721+AleksanderSklorz@users.noreply.github.com>
Date: Wed, 19 Mar 2025 08:23:10 +0100
Subject: [PATCH] [ACS-9375] Transparent background for hovered spinner
 (#10691)

---
 .../components/datatable/datatable.component.html         | 2 +-
 .../components/datatable/datatable.component.scss         | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.html b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
index a8ac4df5bf..9a520152f2 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.html
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
@@ -461,7 +461,7 @@
         </ng-template>
     </div>
     <ng-template #loadingRowTemplate>
-        <div class="adf-datatable-row">
+        <div class="adf-datatable-row adf-datatable-data-loading">
             <div class="adf-no-content-container adf-datatable-cell">
                 <ng-template *ngIf="loadingTemplate"
                              ngFor [ngForOf]="[data]"
diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
index 14fd290687..d559d04780 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
@@ -104,9 +104,11 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
     }
 
     .adf-datatable-row {
-        &:hover,
-        &:focus {
-            background-color: var(--adf-theme-background-hover-color);
+        &:not(.adf-datatable-data-loading) {
+            &:hover,
+            &:focus {
+                background-color: var(--adf-theme-background-hover-color);
+            }
         }
 
         &:focus {