Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DESIGN] Consistent design for account list management #297

Open
carina-akaia opened this issue Dec 20, 2024 · 0 comments
Open

[DESIGN] Consistent design for account list management #297

carina-akaia opened this issue Dec 20, 2024 · 0 comments
Assignees
Labels
Design UI/UX Design enhancement small enhancement / improvement from existing feature

Comments

@carina-akaia
Copy link
Collaborator

Motivation

The account list management component design is inconsistent across the app ( currently, list admins / members VS pot admins ). Even though the user flow is always the same ( same modal ), this leads to having a growing amount of overhead in the codebase.
In addition, the individual account hover card design appears to be unfinished

Description

The objective of this task is to finish the currently leading design reference

  1. We should probably show only a certain number of account avatars with the way to show the rest similar to how it's done in the pot editor ( see pic. below ) but with the avatar hover card taken into consideration ( how do we implement it for the remaining accounts in the popup? maybe we need something like an accordion to expand the element as a list with all accounts instead? )
    Image

  2. For the account avatar hover card, we should use the existing reference, but it seems like we need to come up with a single design - let's combine both the donation stats and the tag rows in one card and explicitly indicate it in the reference that the tag row should display the project categories ( Open Source, Community, Public Good, etc. ). Also, we need to decide whether we place the avatar on top of the profile details or by the left side of it ( you might need to consult @Amichael10 as he made this design using the shadcn/ui component as reference )

@carina-akaia carina-akaia added enhancement small enhancement / improvement from existing feature Design UI/UX Design labels Dec 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Design UI/UX Design enhancement small enhancement / improvement from existing feature
Projects
Status: Ready
Development

No branches or pull requests

2 participants