[PR #2419] [MERGED] Implement "pill gesture" icon in navigation bar on Mobile view for better UX #22905

Closed
opened 2026-04-16 17:05:28 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/2419
Author: @CampaniaGuy
Created: 3/4/2024
Status: Merged
Merged: 3/6/2024
Merged by: @youngcw

Base: masterHead: master


📝 Commits (10+)

📊 Changes

10 files changed (+34 additions, -13 deletions)

View changed files

📝 packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-checks-that-settings-page-can-be-opened-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-checks-that-settings-page-can-be-opened-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-loads-the-budget-page-with-budgeted-amounts-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-opens-the-accounts-page-and-asserts-on-balances-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-opens-the-accounts-page-and-asserts-on-balances-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/src/components/accounts/MobileAccounts.jsx (+1 -1)
📝 packages/desktop-client/src/components/budget/MobileBudgetTable.jsx (+1 -1)
📝 packages/desktop-client/src/components/mobile/MobileNavTabs.tsx (+26 -11)
upcoming-release-notes/2419.md (+6 -0)

📄 Description

Implemented a "pill gesture" icon using div tag for better user experience on mobile view.
This PR aims to solve #2079


🔄 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/2419 **Author:** [@CampaniaGuy](https://github.com/CampaniaGuy) **Created:** 3/4/2024 **Status:** ✅ Merged **Merged:** 3/6/2024 **Merged by:** [@youngcw](https://github.com/youngcw) **Base:** `master` ← **Head:** `master` --- ### 📝 Commits (10+) - [`8d17e93`](https://github.com/actualbudget/actual/commit/8d17e934267d6344dba4d57edadde58de40aec7d) Fix mobile UX, issue #2079 - [`acf763d`](https://github.com/actualbudget/actual/commit/acf763dd0ff711616ddbd1d08ae96dfdc1ad473c) upcoming-release-notes - [`5c89da1`](https://github.com/actualbudget/actual/commit/5c89da18ff56b64583816e553c895fed7e8a7e6e) Fix navigation bar buttons not fully displayed - [`d0a831e`](https://github.com/actualbudget/actual/commit/d0a831e1f35cb9a11eac65d7f947a6ca5968fb10) pill size changed, exported nav bar height - [`75af426`](https://github.com/actualbudget/actual/commit/75af4263fe2536fab6266c195a10e27be3c68b80) Edit navigation bar const - [`195a8d5`](https://github.com/actualbudget/actual/commit/195a8d56a180dc76b78ab2613d7df1d6a8a1b54b) Removed export - [`7820b6e`](https://github.com/actualbudget/actual/commit/7820b6e119e1a5f62a7c1ec8a14eb5d521bc2434) Fixes release notes - [`9ab5768`](https://github.com/actualbudget/actual/commit/9ab5768c16a59f1a2de35f64f96c9d7a1637424e) Fixed formatting - [`1051724`](https://github.com/actualbudget/actual/commit/1051724a9548b46c9f34dd21cb6daa9029514a85) Fix mobile UX, issue #2079 - [`8130a4c`](https://github.com/actualbudget/actual/commit/8130a4c117498ef05c87af1325ab30b3c9de88de) upcoming-release-notes ### 📊 Changes **10 files changed** (+34 additions, -13 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-checks-that-settings-page-can-be-opened-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-checks-that-settings-page-can-be-opened-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-loads-the-budget-page-with-budgeted-amounts-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-opens-the-accounts-page-and-asserts-on-balances-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-opens-the-accounts-page-and-asserts-on-balances-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/src/components/accounts/MobileAccounts.jsx` (+1 -1) 📝 `packages/desktop-client/src/components/budget/MobileBudgetTable.jsx` (+1 -1) 📝 `packages/desktop-client/src/components/mobile/MobileNavTabs.tsx` (+26 -11) ➕ `upcoming-release-notes/2419.md` (+6 -0) </details> ### 📄 Description Implemented a "pill gesture" icon using _div_ tag for better user experience on mobile view. This PR aims to solve #2079 --- <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-16 17:05:28 -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#22905