From 55b2f059f55998572cab8b14a16832ae98455267 Mon Sep 17 00:00:00 2001
From: Dmitry Sychugov <dmitry.sychugov@onlyoffice.com>
Date: Mon, 8 Nov 2021 16:24:11 +0500
Subject: [PATCH] Fixed bug 52976 - Web: Components: added coloring of ui table
 header

---
 .../table-container/StyledTableContainer.js                 | 6 ++++++
 .../asc-web-components/table-container/TableHeaderCell.js   | 1 +
 2 files changed, 7 insertions(+)

diff --git a/packages/asc-web-components/table-container/StyledTableContainer.js b/packages/asc-web-components/table-container/StyledTableContainer.js
index 6270c9b990..d4a57a2177 100644
--- a/packages/asc-web-components/table-container/StyledTableContainer.js
+++ b/packages/asc-web-components/table-container/StyledTableContainer.js
@@ -31,6 +31,9 @@ const StyledTableContainer = styled.div`
     margin: 14px 8px 0 auto;
     z-index: 1;
     border-right: 2px solid #d0d5da;
+    &:hover {
+      border-color: #657077;
+    }
   }
 
   .table-container_group-menu,
@@ -175,6 +178,9 @@ const StyledTableHeaderCell = styled.div`
     height: 38px;
     display: flex;
     align-items: center;
+    &:hover {
+      color: #657077;
+    }
   }
 `;
 
diff --git a/packages/asc-web-components/table-container/TableHeaderCell.js b/packages/asc-web-components/table-container/TableHeaderCell.js
index 1389d84f98..16d93d9275 100644
--- a/packages/asc-web-components/table-container/TableHeaderCell.js
+++ b/packages/asc-web-components/table-container/TableHeaderCell.js
@@ -54,6 +54,7 @@ const TableHeaderCell = ({
             iconName="/static/images/folder arrow.react.svg"
             className="header-container-text-icon"
             size="small"
+            hoverColor="#657077"
           />
         </div>
         {resizable && (