Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: New collapsed mobile view navigation bar is not user friendly #2079

Closed
1 task done
kyrias opened this issue Dec 13, 2023 · 3 comments
Closed
1 task done

[Bug]: New collapsed mobile view navigation bar is not user friendly #2079

kyrias opened this issue Dec 13, 2023 · 3 comments
Labels
bug Something isn't working responsive Responsive/Mobile version user interface Related to the user interface

Comments

@kyrias
Copy link
Contributor

kyrias commented Dec 13, 2023

Verified issue does not already exist?

  • I have searched and found no existing issue

What happened?

The new mobile view navigation by default hides the settings page in its expanded view, but there is nothing about the UI implies that it's possible to expand the navigation bar by swiping up. To find where the settings page link was moved to I ended up having to search through the Discord history for a few minutes until I found references to expanding the menu.

(Matiss wanted this to be filed as a bug since it is a pretty severe UX regression.)

What error did you receive?

No response

Where are you hosting Actual?

None

What browsers are you seeing the problem on?

No response

Operating System

None

@kyrias kyrias added the bug Something isn't working label Dec 13, 2023
@joel-jeremy
Copy link
Contributor

We should add a thin horizontal "pill"/"line" icon on top of the navigation bar to indicate that users can pull it up.

@joel-jeremy
Copy link
Contributor

Example of what I mean as implemented by discord:
Screenshot_20240105-204838

@joel-jeremy joel-jeremy added help wanted Extra attention is needed user interface Related to the user interface mobile responsive Responsive/Mobile version and removed mobile labels Jan 6, 2024
CampaniaGuy added a commit to CampaniaGuy/actual that referenced this issue Mar 4, 2024
joel-jeremy pushed a commit to CampaniaGuy/actual that referenced this issue Mar 6, 2024
youngcw pushed a commit that referenced this issue Mar 6, 2024
…for better UX (#2419)

* Fix mobile UX, issue #2079

* upcoming-release-notes

* Fix navigation bar buttons not fully displayed

* pill size changed, exported nav bar height

* Edit navigation bar const
Edit nav bar pill color

* Removed export

* Fixes release notes

* Fixed formatting

* Fix mobile UX, issue #2079

* upcoming-release-notes

* Fix navigation bar buttons not fully displayed

* pill size changed, exported nav bar height

* Edit navigation bar const
Edit nav bar pill color

* Removed export

* Fixes release notes

* Fixed formatting

* Test schedules and mobile images created

* Reverted schedules checks test images
@CampaniaGuy
Copy link
Contributor

CampaniaGuy commented Mar 7, 2024

Since PR merged into master branch, we can close this issue😃

@youngcw youngcw closed this as completed Mar 7, 2024
@github-actions github-actions bot removed the help wanted Extra attention is needed label Mar 7, 2024
FlorianLang06 pushed a commit to FlorianLang06/actual that referenced this issue Mar 7, 2024
…for better UX (actualbudget#2419)

* Fix mobile UX, issue actualbudget#2079

* upcoming-release-notes

* Fix navigation bar buttons not fully displayed

* pill size changed, exported nav bar height

* Edit navigation bar const
Edit nav bar pill color

* Removed export

* Fixes release notes

* Fixed formatting

* Fix mobile UX, issue actualbudget#2079

* upcoming-release-notes

* Fix navigation bar buttons not fully displayed

* pill size changed, exported nav bar height

* Edit navigation bar const
Edit nav bar pill color

* Removed export

* Fixes release notes

* Fixed formatting

* Test schedules and mobile images created

* Reverted schedules checks test images
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working responsive Responsive/Mobile version user interface Related to the user interface
Projects
None yet
Development

No branches or pull requests

4 participants