nextcloud / nextcloud/notifications
Notifications design adjustment
Open
Nobody has claimed this yet.
1. to develop
design
enhancement
feature: frontend 🖌️
- Dominant language
- JavaScript
- Stars
- 153
- Forks
- 67
- Avg merge
- 15h 3m
- Merged PRs (30d)
- 96
Description
The current notifications design could do with some improvements
- Avatars and action icons are fighting for attention
- Big action icons don’t look so nice and are very abstract
- The subject text is misaligned due to the avatar being inside the text at the beginning
This is a quick mockup for a design adjustment:
- Avatars are bigger and the point of focus
- Actions are overlaid, smaller, white and with shadow (standard classes
icon-white icon-shadow) - Text is now flush left because no avatar is inside the text
What do you think @nextcloud/designers @nickvergessen?
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No files, tests, or entry points are named. Start by locating the notifications interface, then compare its avatar, action-icon, and text layout with the included redesign mockup; done means the rendered notifications match the stated visual adjustments.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100