Merge pull request #339 from FiestaRuless/bugfix/TablesClickableCSSClass

Bugfix/tables clickable css class
digipolisantwerp · Sep 19, 2024 · d731f6c · d731f6c
2 parents 96289cf + e05d004
commit d731f6c
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 11 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 
 ## Unreleased
 
+## [6.1.3] - 2024-09-09
+
+### Fixed
+
+- `ngx-table`: No css on hover because it had the wrong css class. Didn't follow new a-ui classes
+
 ## [6.1.2] - 2024-08-20
 
 ### Fixed

diff --git a/packages/ngx-table/src/lib/components/table/table.component.html b/packages/ngx-table/src/lib/components/table/table.component.html
@@ -91,7 +91,7 @@
         <tr
           (click)="clickRow(row)"
           *ngFor="let row of rows; let rowIndex = index"
-          [ngClass]="{ 'a-table--clickable': hasClickAction }"
+          [ngClass]="{ 'is-clickable': hasClickAction }"
         >
           <td *ngFor="let column of columns" [ngClass]="tableHelper.getClass(column)">
             <aui-table-cell

diff --git a/packages/styleguide/src/examples/pages/aui-table/aui-table.page.html b/packages/styleguide/src/examples/pages/aui-table/aui-table.page.html
@@ -24,6 +24,7 @@ <h2 class="h3 u-margin-bottom">Table</h2>
   <aui-table
     [open]="true"
     [striped]="true"
+    [hasClickAction]="true"
     [columns]="columns"
     [loading]="loading"
     [rows]="rows"

diff --git a/packages/styleguide/src/examples/pages/aui-table/aui-table.page.ts b/packages/styleguide/src/examples/pages/aui-table/aui-table.page.ts
@@ -229,16 +229,17 @@ constructor(
 	`;
 
   public exampleHTML = `<aui-table
-  [open]="true"
-  [striped]="true"
-  [columns]="columns"
-  [loading]="loading"
-  [rows]="rows"
-  loadDataMessage="Loading..."
-  noColumsMessage="There are no columns!"
-  noDataMessage="There is no data!"
->
-</aui-table>
+    [open]="true"
+    [striped]="true"
+    [hasClickAction]="true"
+    [columns]="columns"
+    [loading]="loading"
+    [rows]="rows"
+    loadDataMessage="Loading..."
+    noColumsMessage="There are no columns!"
+    noDataMessage="There is no data!"
+  >
+  </aui-table>
 	`;
 
   public loading = false;