[PR #5634] [MERGED] [fix] Adjust modal styles and text wrapping in TransactionError #55346

Closed
opened 2026-05-01 02:09:14 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/5634
Author: @milanalexandre
Created: 8/26/2025
Status: Merged
Merged: 8/27/2025
Merged by: @matt-fidd

Base: masterHead: fix/change_style_split_modal


📝 Commits (2)

📊 Changes

2 files changed (+13 additions, -2 deletions)

View changed files

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

📄 Description

Context

The transactionError modal was displaying its content across two lines due to insufficient width constraints.

Summary of Changes

  • Updated the style property of the modal to set maxWidth and minWidth.
  • Added whiteSpace: 'nowrap' to the Text component inside the TransactionError to ensure the text remains on a single line.

How to test

  • Create a split transaction.
  • Modify the transaction value so that the amount is less than the total value.
  • Confirm that the modal's width adjusts within the defined constraints.
from to
Capture d’écran 2025-08-24 à 11 27 45 Capture d’écran 2025-08-24 à 11 29 00

🔄 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/5634 **Author:** [@milanalexandre](https://github.com/milanalexandre) **Created:** 8/26/2025 **Status:** ✅ Merged **Merged:** 8/27/2025 **Merged by:** [@matt-fidd](https://github.com/matt-fidd) **Base:** `master` ← **Head:** `fix/change_style_split_modal` --- ### 📝 Commits (2) - [`1b5dc3e`](https://github.com/actualbudget/actual/commit/1b5dc3ebaace135d4b272628bd94de4d4d797956) adaptive size of the modal - [`f4275f0`](https://github.com/actualbudget/actual/commit/f4275f080e7850133b4f4be01e84c61a848914cf) add relese note ### 📊 Changes **2 files changed** (+13 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/transactions/TransactionsTable.tsx` (+7 -2) ➕ `upcoming-release-notes/5634.md` (+6 -0) </details> ### 📄 Description ## Context The transactionError modal was displaying its content across two lines due to insufficient width constraints. ## Summary of Changes - Updated the `style` property of the modal to set `maxWidth` and `minWidth`. - Added `whiteSpace: 'nowrap'` to the `Text` component inside the `TransactionError` to ensure the text remains on a single line. ## How to test - Create a split transaction. - Modify the transaction value so that the amount is less than the total value. - Confirm that the modal's width adjusts within the defined constraints. |from|to| |--|--| | <img width="684" height="111" alt="Capture d’écran 2025-08-24 à 11 27 45" src="https://github.com/user-attachments/assets/cd2de29e-f5da-4727-a83f-785641b28305" /> | <img width="684" height="327" alt="Capture d’écran 2025-08-24 à 11 29 00" src="https://github.com/user-attachments/assets/f3396a79-9fa5-41c6-87a0-1b6928adc1f5" /> | --- <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-05-01 02:09:14 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#55346