From f9e58f2ad0feced3e986b07f8a507598a9931666 Mon Sep 17 00:00:00 2001 From: Vemparala Surya Vamsi <121419957+vsvamsi1@users.noreply.github.com> Date: Fri, 27 Jan 2023 12:15:44 +0530 Subject: [PATCH] fix: table border issue fix (#18339) (#19967) Added a bottom border to the entire table header div element --- app/client/src/widgets/TableWidget/component/TableAction.tsx | 1 - .../src/widgets/TableWidget/component/TableStyledWrappers.tsx | 1 + 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/app/client/src/widgets/TableWidget/component/TableAction.tsx b/app/client/src/widgets/TableWidget/component/TableAction.tsx index 0add5720ee..3e5daa0b32 100644 --- a/app/client/src/widgets/TableWidget/component/TableAction.tsx +++ b/app/client/src/widgets/TableWidget/component/TableAction.tsx @@ -31,7 +31,6 @@ export const TableIconWrapper = styled.div<{ white-space: nowrap; color: ${(props) => props.titleColor || Colors.GRAY}; } - border-bottom: 1px solid ${Colors.GEYSER_LIGHT}; position: relative; margin-left: 5px; padding: 0 5px; diff --git a/app/client/src/widgets/TableWidget/component/TableStyledWrappers.tsx b/app/client/src/widgets/TableWidget/component/TableStyledWrappers.tsx index 13c856b614..cd180f0c62 100644 --- a/app/client/src/widgets/TableWidget/component/TableStyledWrappers.tsx +++ b/app/client/src/widgets/TableWidget/component/TableStyledWrappers.tsx @@ -508,6 +508,7 @@ export const TableHeaderWrapper = styled.div<{ }>` position: relative; display: flex; + border-bottom: 1px solid ${Colors.GEYSER_LIGHT}; width: ${(props) => props.width - 8}px; .show-page-items { display: ${(props) => (props.width < 700 ? "none" : "flex")};