[PR #5900] [MERGED] Fixes #4333 Overlapping text on mobile #40628

Closed
opened 2026-04-23 13:27:30 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/5900
Author: @qunm00
Created: 10/10/2025
Status: Merged
Merged: 10/22/2025
Merged by: @matt-fidd

Base: masterHead: fix-overlapping-text-on-mobile


📝 Commits (7)

  • 1881d02 made Budgeted header to be multiline and increased font minimum font size
  • 68a7dbb added release note
  • 3faef8b Merge branch 'master' into fix-overlapping-text-on-mobile
  • f31f85c Merge branch 'master' into fix-overlapping-text-on-mobile
  • a0b7009 Merge branch 'master' into fix-overlapping-text-on-mobile
  • 560f94b Update upcoming-release-notes/5900.md
  • d257067 Merge branch 'master' into fix-overlapping-text-on-mobile

📊 Changes

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

View changed files

📝 packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx (+2 -2)
upcoming-release-notes/5900.md (+6 -0)

📄 Description

Fixes #4333

The following languages are the ones that I found with overlapping text

  • Deutsch
  • Spanish

I am conscious of that

  • Fixing the element's width wouldn't fix the problem since we don't know all the length variations.
  • Scrolling or truncating is not mobile-friendly.
    Thus, wrapping text is the solution I chose.

Before
Screenshot 2025-10-10 at 15 37 12
Screenshot 2025-10-10 at 15 36 57

After
Screenshot 2025-09-28 at 09 37 03
Screenshot 2025-09-28 at 09 36 05


🔄 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/5900 **Author:** [@qunm00](https://github.com/qunm00) **Created:** 10/10/2025 **Status:** ✅ Merged **Merged:** 10/22/2025 **Merged by:** [@matt-fidd](https://github.com/matt-fidd) **Base:** `master` ← **Head:** `fix-overlapping-text-on-mobile` --- ### 📝 Commits (7) - [`1881d02`](https://github.com/actualbudget/actual/commit/1881d027fce7bfda216ee5f2fd45392c69bfc7e5) made Budgeted header to be multiline and increased font minimum font size - [`68a7dbb`](https://github.com/actualbudget/actual/commit/68a7dbb5fed3c14c769d13eeb496472e99c9878f) added release note - [`3faef8b`](https://github.com/actualbudget/actual/commit/3faef8b552ea9177650e9517d1566759b6580618) Merge branch 'master' into fix-overlapping-text-on-mobile - [`f31f85c`](https://github.com/actualbudget/actual/commit/f31f85cbbe02bfbb78906f27712b5d34fd122ffd) Merge branch 'master' into fix-overlapping-text-on-mobile - [`a0b7009`](https://github.com/actualbudget/actual/commit/a0b7009c0566937cb6064943eb778ed5e8e6da02) Merge branch 'master' into fix-overlapping-text-on-mobile - [`560f94b`](https://github.com/actualbudget/actual/commit/560f94b334314e989ee009aa0dab70b0676b4cea) Update upcoming-release-notes/5900.md - [`d257067`](https://github.com/actualbudget/actual/commit/d2570679467201ff632f8f2eb270d26ae37d5b9b) Merge branch 'master' into fix-overlapping-text-on-mobile ### 📊 Changes **2 files changed** (+8 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx` (+2 -2) ➕ `upcoming-release-notes/5900.md` (+6 -0) </details> ### 📄 Description Fixes #4333 The following languages are the ones that I found with overlapping text - Deutsch - Spanish I am conscious of that - Fixing the element's width wouldn't fix the problem since we don't know all the length variations. - Scrolling or truncating is not mobile-friendly. Thus, wrapping text is the solution I chose. Before <img width="361" height="732" alt="Screenshot 2025-10-10 at 15 37 12" src="https://github.com/user-attachments/assets/ad53cbd6-47c1-49d2-b636-0bc04849c544" /> <img width="362" height="732" alt="Screenshot 2025-10-10 at 15 36 57" src="https://github.com/user-attachments/assets/6871fe7e-ffb5-4bf3-bd07-858792f68258" /> After <img width="361" height="744" alt="Screenshot 2025-09-28 at 09 37 03" src="https://github.com/user-attachments/assets/7fb43bf4-be74-445b-ba75-422d3db98bff" /> <img width="361" height="743" alt="Screenshot 2025-09-28 at 09 36 05" src="https://github.com/user-attachments/assets/60fb8dc9-b62e-41e7-90d5-10a5e8ea2fc7" /> --- <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-04-23 13:27:30 -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#40628