Fix payee cell overflowing when it contains an icon (#4056)

actualbudget · Dec 30, 2024 · da613ab · da613ab
1 parent d894281
commit da613ab
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/packages/desktop-client/src/components/transactions/TransactionsTable.jsx b/packages/desktop-client/src/components/transactions/TransactionsTable.jsx
@@ -358,14 +358,7 @@ function getPayeePretty(transaction, payee, transferAcct, numHiddenPayees = 0) {
           alignItems: 'center',
         }}
       >
-        <div
-          style={{
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-          }}
-        >
-          {formatPayeeName(transferAcct.name)}
-        </div>
+        {formatPayeeName(transferAcct.name)}
       </View>
     );
   } else if (payee) {
@@ -706,7 +699,14 @@ function PayeeCell({
         );
 
         return (
-          <>
+          <div
+            style={{
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              display: 'flex',
+              alignItems: 'center',
+            }}
+          >
             <PayeeIcons
               transaction={transaction}
               transferAccount={transferAccount}
@@ -732,7 +732,7 @@ function PayeeCell({
             ) : (
               payeeName
             )}
-          </>
+          </div>
         );
       }}
     >

diff --git a/upcoming-release-notes/4056.md b/upcoming-release-notes/4056.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [matt-fidd]
+---
+
+Fix payee cell overflowing when it contains an icon