From 3990aaf38f985875b9a07025e21a46983bc15893 Mon Sep 17 00:00:00 2001 From: lelemm <lelemm@gmail.com> Date: Wed, 26 Jun 2024 13:27:47 -0300 Subject: [PATCH] Fix: Transaction table constantly resizing (#2941) --- .../components/transactions/TransactionsTable.jsx | 14 ++++++++++++-- upcoming-release-notes/2941.md | 6 ++++++ 2 files changed, 18 insertions(+), 2 deletions(-) create mode 100644 upcoming-release-notes/2941.md diff --git a/packages/desktop-client/src/components/transactions/TransactionsTable.jsx b/packages/desktop-client/src/components/transactions/TransactionsTable.jsx index 60286ed4e..adcf236f1 100644 --- a/packages/desktop-client/src/components/transactions/TransactionsTable.jsx +++ b/packages/desktop-client/src/components/transactions/TransactionsTable.jsx @@ -181,6 +181,10 @@ const TransactionHeader = memo( zIndex: 200, color: theme.tableHeaderText, backgroundColor: theme.tableBackground, + paddingRight: `${5 + (scrollWidth ?? 0)}px`, + borderTopWidth: 1, + borderBottomWidth: 1, + borderColor: theme.tableBorder, }} > <SelectCell @@ -188,6 +192,10 @@ const TransactionHeader = memo( focused={false} selected={hasSelected} width={20} + style={{ + borderTopWidth: 0, + borderBottomWidth: 0, + }} onSelect={e => dispatchSelected({ type: 'select-all', event: e })} /> <HeaderCell @@ -291,8 +299,6 @@ const TransactionHeader = memo( }} /> )} - - <Cell value="" width={5 + (scrollWidth ?? 0)} /> </Row> ); }, @@ -416,6 +422,10 @@ function HeaderCell({ name={id} alignItems={alignItems} value={value} + style={{ + borderTopWidth: 0, + borderBottomWidth: 0, + }} unexposedContent={({ value: cellValue }) => ( <Button type="bare" diff --git a/upcoming-release-notes/2941.md b/upcoming-release-notes/2941.md new file mode 100644 index 000000000..58d277b13 --- /dev/null +++ b/upcoming-release-notes/2941.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [lelemm] +--- + +Fix: Transaction table constantly resizing -- GitLab