[Liquid Glass Follow Up][Design] Spend footer total overlapped by the (+) FAB #104206

2. Spend footer total overlapped by the (+) FAB - long totals (e.g. high exchange-rate currencies) go under the FAB. Options: truncate with an ellipsis or stack the total under the expense count. Same issue exists with the old tab bar, so it can be handled together with the FAB update. (comment, suggestion)

Action Performed

1. Sign in to an account with a currency that has a high exchange rate (e.g. IDR, VND) or many expenses.
2. Open the Spend tab on a phone.
3. Select a few expenses so the footer shows the selected count and total.

Expected Result
The total amount and its dropdown arrow are fully visible.

Actual Result
A long total runs underneath the (+) floating button and is partly covered.

Notes

• Happens with the new tab bar and with the old one, so it is not a regression but should be fixed alongside the floating button update.
• Two options from design: truncate the total with an ellipsis when it would overlap the button, or stack the total under the expense count, both left aligned, so it never reaches the button.
• Thread: Add liquid glass bottom tab bar to iOS, Android and mWeb #101339 (comment) and Add liquid glass bottom tab bar to iOS, Android and mWeb #101339 (comment)

Platforms

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari