Hi All,
I have been working this past weekend trying to change some UI elements
of Hyperkitty to make it a bit more cleaner, easier to read quoted emails and
make unread posts more visible than they were before.
As a test bed, I have deployed my changes to lists.mailman3.org[1]. A complete
summary of changes is available in my MR[2] on Gitlab.
I would appreciate some feedback from users to make sure that is is a step in
the right direction.
Since it has been a long long time since I ever designed a UI, I would also
really appreciate if there people who want to work with me on fixing some
of the UX issues in Hyperkitty.
Summary of Changes:
---------------------------------
- The grey background for the email headers are removed.
- Gravatars are now round in shape instead of square.
- Links to permalink of the message and fixed-font button has been moved to the
bottom to remove clutter from the top of the message.
- The date format is changed to remove the Day of the week and uses 3 letter
month names for minimalism.
- Right sidebar is now fixed and doesn't scroll with the page.
- All buttons on the bottom of the email now have a hover property that changes
their background on mouse hover.
- Quoted part of the email now has a different background. Each level of
quoting gets a different background till 3-levels of indentation. After,
which we don't process more quoted text.
- Unread threads show a blue bar on the left side as a more prominent indication
as compared to current envelope icon.
[1]: https://lists.mailman3.org/archives/list/mailman-users@mailman3.org/
[2]: https://gitlab.com/mailman/hyperkitty/merge_requests/132
Feel free to reply here or just comment on MR in Gitlab.
--
thanks,
Abhilash Raj (maxking)
