5181-Mail_UI_improvement
Description
Improve ~Mail UI according to https://www.figma.com/file/IYFNR6xuNZXd1hqGl6itT6/Mail-app-%F0%9F%94%A8?node-id=520%3A666
this is part:04
-
update cursor color -
update background color for light mode -
update hamburger & attachment button icons -
remove account color choice. Use accent color for all accounts -
rename Unified inbox
toAll inboxes
-
remove account specific color bar in Unified Inbox
page -
update compose button icon -
remove account selection avatars from drawer header -
update default avatar icons in drawer -
fix cheveron icons on message detail page header -
update settings page icons & colors -
update unread mail background, text appearance, icon -
show unread mail count in the list page's actionBar title -
remove avatar from the mail list page -
move selection circle in the list view in the right -
replace edit & clear icons with text button & there background -
update --sent from /e/ Mail
style -
fix recipient chip style in compose page -
update colors according to mock up -
update spacing & general UI elements of the views according to mock up
Issue(s)
Test environment
- Download apk from https://gitlab.e.foundation/e/os/mail/-/jobs/298995/artifacts/file/app/k9mail/build/outputs/apk/debug/k9mail-debug.apk. Install in your device
Test procedures
Check out ~Mail app's various UI elements.
Technical details
Use hard-coded color codes for some basic colors (ex: background, divider colors). Because e-sdk & vendor colors are not matching with mockup design
Screenshots
Please check https://gitlab.e.foundation/e/backlog/-/issues/5181#note_204438
Check list
-
Self review -
Test procedure explained -
Tested on fresh install -
Tested applied as an update -
License -
Internal documentation -
User documentation
Edited by Fahim Salam Chowdhury