From f9e0c83311dd69a5be065d5bb0715cf38a9a2970 Mon Sep 17 00:00:00 2001
From: "malin.klingsell@allianz.de" <malin.klingsell@allianz.com>
Date: Tue, 5 Mar 2024 09:35:03 +0100
Subject: [PATCH] fix(table): table and ag-grid visual alignments (#1140)

---
 .../table-column-reorder-example.css                  | 11 ++++++-----
 .../table-column-reorder-example.html                 |  7 ++++---
 projects/ng-aquila/src/ag-grid/ag-theme-aquila.scss   |  5 +++++
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/projects/ng-aquila/documentation/examples/table/table-column-reorder/table-column-reorder-example.css b/projects/ng-aquila/documentation/examples/table/table-column-reorder/table-column-reorder-example.css
index c3f57cc32..9adeec479 100644
--- a/projects/ng-aquila/documentation/examples/table/table-column-reorder/table-column-reorder-example.css
+++ b/projects/ng-aquila/documentation/examples/table/table-column-reorder/table-column-reorder-example.css
@@ -1,12 +1,13 @@
+.nx-table--reorder {
+    cursor: move;
+}
+
 .cdk-drag-preview {
     box-sizing: border-box;
     border-radius: 4px;
     background-color: var(--ui-01);
     box-shadow: 0 0 24px 0 rgba(65, 65, 65, 0.35);
-}
-
-.cdk-drag-placeholder {
-    opacity: 0;
+    border: 0;
 }
 
 .cdk-drag-animating {
@@ -17,7 +18,7 @@
     transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 }
 .col {
-    cursor: grab;
+    cursor: default;
 }
 .scroll-container {
     overflow-x: auto;
diff --git a/projects/ng-aquila/documentation/examples/table/table-column-reorder/table-column-reorder-example.html b/projects/ng-aquila/documentation/examples/table/table-column-reorder/table-column-reorder-example.html
index 9985e7119..c42fed3b8 100644
--- a/projects/ng-aquila/documentation/examples/table/table-column-reorder/table-column-reorder-example.html
+++ b/projects/ng-aquila/documentation/examples/table/table-column-reorder/table-column-reorder-example.html
@@ -1,4 +1,4 @@
-<table nxTable>
+<table nxTable class="nx-table--reorder">
     <thead>
         <tr
             nxTableRow
@@ -11,7 +11,6 @@
                 nxHeaderCell
                 cdkDrag
                 cdkDragLockAxis="x"
-                class="col"
             >
                 {{h.title}}
             </th>
@@ -19,7 +18,9 @@
     </thead>
     <tbody>
         <tr nxTableRow *ngFor="let item of content">
-            <td nxTableCell *ngFor="let h of header">{{item[h.field]}}</td>
+            <td nxTableCell *ngFor="let h of header" class="col">
+                {{item[h.field]}}
+            </td>
         </tr>
     </tbody>
 </table>
diff --git a/projects/ng-aquila/src/ag-grid/ag-theme-aquila.scss b/projects/ng-aquila/src/ag-grid/ag-theme-aquila.scss
index 2e36b73c0..fe4b2a427 100644
--- a/projects/ng-aquila/src/ag-grid/ag-theme-aquila.scss
+++ b/projects/ng-aquila/src/ag-grid/ag-theme-aquila.scss
@@ -262,3 +262,8 @@ $icon-mapping: (
     --ag-odd-row-background-color: var(--zebra-table-even-row-background-color);
     --ag-row-border-style: none;
 }
+
+.ag-dnd-ghost {
+    box-shadow: 0 0 24px 0 rgba(65, 65, 65, 0.35);
+    border: 0;
+}