Fixed bug 52976 - Web: Components: added coloring of ui table header

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;
+    }
   }
 `;
 

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 && (