[PR #5418] [MERGED] Truncate multiple payee names with ellipsis to prevent layout overflow in the payee column. #5924

Closed
opened 2026-02-28 21:21:01 -06:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/5418
Author: @ShayanAraghi
Created: 7/29/2025
Status: Merged
Merged: 8/4/2025
Merged by: @youngcw

Base: masterHead: fix/payee-overflow


📝 Commits (4)

  • b2fbd07 Have the multiple payee text overflow with ellipsis
  • d2fc2c4 [autofix.ci] apply automated fixes
  • 4bc428d Add release notes
  • ff1af85 add minWidth to the payee text

📊 Changes

2 files changed (+12 additions, -1 deletions)

View changed files

📝 packages/desktop-client/src/components/transactions/TransactionsTable.tsx (+6 -1)
upcoming-release-notes/5418.md (+6 -0)

📄 Description

fix #3814

Summary of Changes

  • Fixed an issue where payee text would overflow into other rows instead of truncating with ellipsis.
  • Updated CellButton to use alignSelf: 'stretch' to allow it to take the full width of its container.
  • Prevented SvgSplit icon from shrinking by adding flexShrink: 0 to maintain its size in flex layouts.
  • Truncate multiple payee names with ellipsis by applying overflow: hidden, textOverflow: ellipsis, and whiteSpace: nowrap to the text component.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/5418 **Author:** [@ShayanAraghi](https://github.com/ShayanAraghi) **Created:** 7/29/2025 **Status:** ✅ Merged **Merged:** 8/4/2025 **Merged by:** [@youngcw](https://github.com/youngcw) **Base:** `master` ← **Head:** `fix/payee-overflow` --- ### 📝 Commits (4) - [`b2fbd07`](https://github.com/actualbudget/actual/commit/b2fbd07196a96f1d3a9b34f7340d6f5709c6eaad) Have the multiple payee text overflow with ellipsis - [`d2fc2c4`](https://github.com/actualbudget/actual/commit/d2fc2c4241833b8e06bea2b046177c4da136f884) [autofix.ci] apply automated fixes - [`4bc428d`](https://github.com/actualbudget/actual/commit/4bc428d0cc6487842208646f92c657085bb0b36d) Add release notes - [`ff1af85`](https://github.com/actualbudget/actual/commit/ff1af85399fd1c89bc2f5b91fb1ae36a307baa9a) add minWidth to the payee text ### 📊 Changes **2 files changed** (+12 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/transactions/TransactionsTable.tsx` (+6 -1) ➕ `upcoming-release-notes/5418.md` (+6 -0) </details> ### 📄 Description fix #3814 # Summary of Changes - Fixed an issue where payee text would overflow into other rows instead of truncating with ellipsis. - Updated CellButton to use alignSelf: 'stretch' to allow it to take the full width of its container. - Prevented SvgSplit icon from shrinking by adding flexShrink: 0 to maintain its size in flex layouts. - Truncate multiple payee names with ellipsis by applying overflow: hidden, textOverflow: ellipsis, and whiteSpace: nowrap to the text component. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-02-28 21:21:01 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#5924