From 435c2bb200ee052ad1b0adf9b8a79579ca6e6223 Mon Sep 17 00:00:00 2001 From: Vijaykant Yadav Date: Tue, 7 May 2024 13:51:13 +0530 Subject: [PATCH] fix: headers and action button UI on table --- frontend/src/Editor/Components/Table/Table.jsx | 2 +- frontend/src/_styles/table-component.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx index 1986aedcc7..a2cdc38e14 100644 --- a/frontend/src/Editor/Components/Table/Table.jsx +++ b/frontend/src/Editor/Components/Table/Table.jsx @@ -590,7 +590,7 @@ export function Table({ if ( tableData.length != 0 && component.definition.properties.autogenerateColumns?.value && - (useDynamicColumn || mode === 'edit') + (useDynamicColumn || mode === 'edit' || mode === 'view') ) { const generatedColumnFromData = autogenerateColumns( tableData, diff --git a/frontend/src/_styles/table-component.scss b/frontend/src/_styles/table-component.scss index fd75c2c319..a9ceed6f4b 100644 --- a/frontend/src/_styles/table-component.scss +++ b/frontend/src/_styles/table-component.scss @@ -886,7 +886,7 @@ } - &:focus-within { + &:focus-within:not(.has-actions) { border: 1px solid var(--interactive-overlays-focus-outline); background-color: var(--surfaces-surface-01) !important; box-shadow: var(--elevation-200-box-shadow);