feat(theme-shared): add hover to table rows

#2537
7 years ago · 6db7d50a0f
1 changed files with 10 additions and 0 deletions
--- 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;