From 47f6845633f72f214ba8f0e676348602a4a62524 Mon Sep 17 00:00:00 2001
From: "a.bouhuolia" <a.bouhuolia@live.com>
Date: Thu, 3 Feb 2022 17:03:24 +0200
Subject: [PATCH] feat(BS&PL): add sticky to account column.

---
 src/containers/FinancialStatements/BalanceSheet/utils.js    | 1 +
 src/containers/FinancialStatements/ProfitLossSheet/utils.js | 1 +
 src/style/components/DataTable/DataTable.scss               | 6 +++---
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/containers/FinancialStatements/BalanceSheet/utils.js b/src/containers/FinancialStatements/BalanceSheet/utils.js
index afc18d89b..b75d5f621 100644
--- a/src/containers/FinancialStatements/BalanceSheet/utils.js
+++ b/src/containers/FinancialStatements/BalanceSheet/utils.js
@@ -63,6 +63,7 @@ const accountNameMapper = R.curry((data, column) => {
     className: column.key,
     textOverview: true,
     width: Math.max(width, 300),
+    sticky: Align.Left,
   };
 });
 
diff --git a/src/containers/FinancialStatements/ProfitLossSheet/utils.js b/src/containers/FinancialStatements/ProfitLossSheet/utils.js
index 16acd2735..2426e45ab 100644
--- a/src/containers/FinancialStatements/ProfitLossSheet/utils.js
+++ b/src/containers/FinancialStatements/ProfitLossSheet/utils.js
@@ -306,6 +306,7 @@ const accountNameColumn = R.curry((data, column) => {
     className: column.key,
     textOverview: true,
     width: Math.max(width, 300),
+    sticky: Align.Left,
   };
 });
 
diff --git a/src/style/components/DataTable/DataTable.scss b/src/style/components/DataTable/DataTable.scss
index 5659c52c1..aabd7df18 100644
--- a/src/style/components/DataTable/DataTable.scss
+++ b/src/style/components/DataTable/DataTable.scss
@@ -353,11 +353,11 @@
     }
 
     [data-sticky-last-left-td] {
-      // box-shadow: 2px 0px 3px #ccc;
+
     }
 
     [data-sticky-first-right-td] {
-      // box-shadow: -2px 0px 3px #ccc;
+
     }
   }
 
@@ -390,7 +390,7 @@
     }
 
     .tbody .tr .td {
-      background: transparent;
+      background: #fff;
       padding: 0.5rem 0.5rem;
       border-bottom: 0;
     }