hi everyone! french is my first language so don't pay attention to my mistakes...
I would like to could see some information from the screen of the different notes, like labels, if there are attachment, etc.
it could be very helpful to find notes!
and I think that this layout of the white information panel (first image) look like an imitation of iOS but it's an Android application here! so I think the default layout of android is a way better.
thanks to all the devs and have a good summer !
3 Likes
I've been thinking about this for a while, I couldn't agree more.
Overall, there are some small UI inconsistencies that make a very powerful and modern app like Joplin seem outdated. I did a quick comparison with another text-based app, Inoreader, as a comparison:
Icons in the top bar are too big in Joplin, and the action button is slightly misplaced:
Settings menu also is a big font and is hard to navigate:
Lastly, as you mentioned, the modals are not Android native at all:
These are super small tweaks that will improve the UI consistency of the app.
5 Likes
exactly, thanks for your precisions!
I hope developers or designers of the app will see this!
I've opened a pull request that redesigns the settings screen on the mobile app:
laurent22:dev
← personalizedrefrigerator:pr/settings-rework
opened 12:23PM - 27 Jul 23 UTC
# Summary
This work-in-progress pull request groups settings in the mobile ap… p by section. A follow-up pull request may add search functionality to the settings app.
# Notes
- We could use [React Navigation](https://reactnavigation.org/docs/navigating) to get native-like screen transitions/back buttons, however, this [would likely require a large number of changes as we may need to use React Navigation instead of React Redux for screen navigation](https://reactnavigation.org/docs/redux-integration).
# Screenshots
![screenshot: synchronization page in tablet mode. Like the desktop app, the section headings are on the left of the settings main content](https://github.com/laurent22/joplin/assets/46334387/55f08b80-3b27-43d0-a829-88e9486bd3ce)
![screenshot: synchronization page in phone mode. Only one section is shown (sync)](https://github.com/laurent22/joplin/assets/46334387/b28dc2ba-a9a4-40f0-9182-5b6b2efe6e94)
![screenshot: list of sections in phone mode. Each section is text and a chevron icon.](https://github.com/laurent22/joplin/assets/46334387/d9d328d3-7f40-43a9-8418-9a663bb37daa)
# To-do
- [ ] Redesign screen 3 above
- [ ] Group advanced settings under a dropdown menu
- [ ] Fix the two `TODO` items added to the code.
- [ ] Accessibility: Mark which screen is selected in tablet mode in an accessible way
- [ ] Accessibility: Announce which section is navigated to when a navigation button is clicked
<!--
Please prefix the title with the platform you are targetting:
Here are some examples of good titles:
- Desktop: Resolves #123: Added new setting to change font
- Mobile, Desktop: Fixes #456: Fixed config screen error
- All: Resolves #777: Made synchronisation faster
And here's an explanation of the title format:
- "Desktop" for the Windows/macOS/Linux app (Electron app)
- "Mobile" for the mobile app (or "Android" / "iOS" if the pull request only applies to one of the mobile platforms)
- "CLI" for the CLI app
If it's two platforms, separate them with commas - "Desktop, Mobile" or if it's for all platforms, prefix with "All".
If it's not related to any platform (such as a translation, change to the documentation, etc.), simply don't add a platform.
Then please append the issue that you've addressed or fixed. Use "Resolves #123" for new features or improvements and "Fixes #123" for bug fixes.
AND PLEASE READ THE GUIDE: https://github.com/laurent22/joplin/blob/dev/CONTRIBUTING.md
-->
(There is still a large amount of work that needs to be done on this pull request.)
The popup menu is done with react-native-dialogbox
, which hasn't been updated in a few years. (File that wraps this library ).
Because the mobile app already uses react-native-paper
, it might make sense to use this library for popup menus as well.
7 Likes
system
Closed
22 July 2024 20:03
5
This topic was automatically closed 360 days after the last reply. New replies are no longer allowed.