If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!
Version Number: v9.1.67-2 PR:64282
Reproducible in staging?: Adhoc Build
Reproducible in production?: Adhoc Build
If this was caught during regression testing, add the test name, ID and link from TestRail: No
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: @trjExpensify
Slack conversation (hyperlinked to channel name): #convert
Action Performed:
- Sign-in on this build
- Click Settings > Preferences > Languages > Deutsch
- Observe the "Workspaces" label name in the LHB isn't truncated.
- Go back to the language selector > choose Italiano
- Observe the "Inbox" label name has incorrect horizontal padding
Expected Result:
Let's add 4px of horizontal padding to each tab bar item on both desktop and mobile to give ourselves some breathing room:
On desktop:
If the label is one long word, let's truncate via ellipsis after one line:
If the label is multiple words, let's try to break the line and stack them like so:
For that case, we would need to remove the 16px height from the label so the content of the tab bar can shift upwards slightly.
On mobile:
Let's always truncate after one line:
Here is generally what we want:
Actual Result:
One word label isn't truncated:
Multi-word label on Inbox doesn't break onto two lines (look at the workspaces tab below for comparison which does):
Workaround:
N/A
Platforms:
Select the officially supported platforms where the issue was reproduced:
Platforms Tested:
On which of our officially supported platforms was this issue tested:
Screenshots/Videos
In-line above.
View all open jobs on GitHub
Upwork Automation - Do Not Edit
- Upwork Job URL: https://www.upwork.com/jobs/~021937445989539434712
- Upwork Job ID: 1937445989539434712
- Last Price Increase: 2025-06-24
Issue Owner
Current Issue Owner: @hungvu193
If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!
Version Number: v9.1.67-2 PR:64282
Reproducible in staging?: Adhoc Build
Reproducible in production?: Adhoc Build
If this was caught during regression testing, add the test name, ID and link from TestRail: No
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: @trjExpensify
Slack conversation (hyperlinked to channel name): #convert
Action Performed:
Expected Result:
Let's add 4px of horizontal padding to each tab bar item on both desktop and mobile to give ourselves some breathing room:
On desktop:
If the label is one long word, let's truncate via ellipsis after one line:
If the label is multiple words, let's try to break the line and stack them like so:
For that case, we would need to remove the 16px height from the label so the content of the tab bar can shift upwards slightly.
On mobile:
Let's always truncate after one line:
Here is generally what we want:
Actual Result:
One word label isn't truncated:
Multi-word label on
Inboxdoesn't break onto two lines (look at the workspaces tab below for comparison which does):Workaround:
N/A
Platforms:
Select the officially supported platforms where the issue was reproduced:
Platforms Tested:
On which of our officially supported platforms was this issue tested:Screenshots/Videos
In-line above.
View all open jobs on GitHub
Upwork Automation - Do Not Edit
Issue Owner
Current Issue Owner: @hungvu193