nextcloud-libraries / nextcloud-libraries/nextcloud-vue

Avatar list component

Open
#2,218 0 comments 6 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

component
Dominant language
Vue
Stars
246
Forks
99
Avg merge
1d 20h
Merged PRs (30d)
103

Description

There are various places where we use an avatar list with overlapping avatars and a popover if the number of users exceeds a fixed amount:

image

As mentioned by @jancborchardt it would be good to have a shared component for this.

Currently in use in deck, text, richdocuments

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 comparing the existing avatar-list implementations used in Deck, Text, and Richdocuments. Use those implementations to establish the shared component's overlapping-avatar and overflow-popover behavior. Done means the three listed consumers can use the shared component without losing their current behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.