nextcloud / nextcloud/spreed

Add inline avatar in reactions tooltip

Open
#7,212 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement feature: reactions 👍
Dominant language
PHP
Stars
2.2k
Forks
587
Avg merge
18h 27m
Merged PRs (30d)
333

Description

How to use GitHub
  • Please use the 👍 reaction to show that you are interested into the same feature.
  • Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
  • Subscribe to receive notifications on status change and new comments.

Is your feature request related to a problem? Please describe.
When hovering on a reaction button, one can see the list of people who reacted in plain text separated by commas.
This doesn't feel very confortable, especially when there's a longer list.

Describe the solution you'd like
Add mini avatars in that list in front of the names as people are trained already to recognize avatars which makes it quicker to read.

Describe alternatives you've considered
Instead of mini avatars, perhaps use something like the mention bubbles, but I'm not sure if this will look good.

Additional context
None. Reactions are awesome, thanks for having added them 😄

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the reaction button tooltip in the JavaScript frontend and inspect how the current comma-separated names are rendered. The feature is done when the tooltip shows a small avatar before each reacting person's name while retaining the list of people.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.