From 6db7d50a0ff4c5cf7175a6a078b8dbbdef13417e Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Tue, 7 Jan 2020 16:50:24 +0300
Subject: [PATCH] feat(theme-shared): add hover to table rows

#2537
---
 .../src/lib/components/table/table.component.ts        | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/table/table.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/table/table.component.ts
index f3524d52aa..12084c9ae1 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/table/table.component.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/table/table.component.ts
@@ -8,11 +8,21 @@ import {
   TemplateRef,
   TrackByFunction,
   ViewChild,
+  ViewEncapsulation,
 } from '@angular/core';
 
 @Component({
   selector: 'abp-table',
   templateUrl: 'table.component.html',
+  styles: [
+    `
+      .ui-table .ui-table-tbody > tr:nth-child(even):hover,
+      .ui-table .ui-table-tbody > tr:hover {
+        background-color: #eaeaea;
+      }
+    `,
+  ],
+  encapsulation: ViewEncapsulation.None,
 })
 export class TableComponent implements AfterViewInit {
   private _totalRecords: number;