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

619/refactor image upload button #680

Draft
wants to merge 3 commits into
base: Development
Choose a base branch
from

Conversation

andycwilliams
Copy link
Member

@andycwilliams andycwilliams commented Sep 21, 2024

This PR:

Resolves #619

1. Removes "Choose/Remove Img" button on the Profile page and refactors it as a hover effect directly over the avatar
2. This approach more closely matches the way many services program the same functionality, so it ought to be intuitive enough for users

Screenshots (if applicable):

No photo uploaded:
2024-09-19 (14)
No photo uploaded (plus hover):
2024-09-23 (1)
With photo uploaded:
2024-09-19 (12)
With photo uploaded (plus hover):
2024-09-23

Additional Context (optional):

The goal is to make the Profile card less crowded-looking without sacrificing ease of use.

Future Steps/PRs Needed to Finish This Work (optional):

  • Ensure this is accessible and intuitive.
  • Can tweak it by adding text back over, if we decide that's necessary (rather than use the images alone).

@andycwilliams andycwilliams added the enhancement Enhancement of existing features label Sep 21, 2024
@andycwilliams andycwilliams self-assigned this Sep 21, 2024
@andycwilliams andycwilliams marked this pull request as draft September 21, 2024 00:56
Copy link
Contributor

@leekahung leekahung Sep 21, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Small nitpick, could we have a small text right under the image icon (perhaps in white text) to let users know what it's for? For someone that's not tech-savvy, it's not immediately clear that I would need to click don't the image to change the image.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Enhancement of existing features
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Enhancement] - Refactor image upload button onto profile picture
2 participants