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.

Sign up for GitHub

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

Jump to bottom

UX improvements for import status pop-up window #2030

Closed
juliaxbow opened this issue Sep 22, 2022 · 1 comment · Fixed by #2075
Closed

UX improvements for import status pop-up window #2030

juliaxbow opened this issue Sep 22, 2022 · 1 comment · Fixed by #2075
Labels
effort/hours Estimated to take one or several hours exp/beginner Can be confidently tackled by newcomers kind/bug A bug in existing code (including security flaws) P2 Medium: Good to have, but can wait until someone steps up

Comments

@juliaxbow
Copy link
Collaborator

juliaxbow commented Sep 22, 2022 •
edited
Loading

Not urgent but I have a few suggestions to improve UX/UI on the the import status pop-up.

Steps to reproduce the behavior:

  1. Open IPFS webui
  2. Go to "Files"
  3. Upload a file (via import or drag + drop)
  4. See upload status pop-up window

UI issues/Suggestions (4 total):

  1. The exit and minimize buttons are not vertically center aligned (see screenshot with added lines for present state)

Icon alignment

  1. The arrow icon should be flipped to indicate state, i.e. minimized vs maximized (see gif for proposal)

  2. For better ux, the minimize button’s clickable area size should be increased. Ideally, the full title bar should be clickable and allow the user to minimize/maximize the pop-up (see gif for proposal)
    import_status_minimize

  3. The stroke around the clickable area size for both exit and minimize buttons is unnecessary (see screenshot for present state)

button stroke
@juliaxbow juliaxbow added the need/triage Needs initial labeling and prioritization label Sep 22, 2022
@ipfs ipfs deleted a comment from welcome bot Oct 17, 2022
@SgtPooki SgtPooki added P2 Medium: Good to have, but can wait until someone steps up need/analysis Needs further analysis before proceeding exp/beginner Can be confidently tackled by newcomers effort/hours Estimated to take one or several hours and removed need/triage Needs initial labeling and prioritization labels Oct 17, 2022
@SgtPooki SgtPooki mentioned this issue Oct 17, 2022
Open
@lidel
Copy link
Member

lidel commented Oct 17, 2022

sgtm, i'd say these are UX bugs that should be fixed :)

@lidel lidel added kind/bug A bug in existing code (including security flaws) and removed need/analysis Needs further analysis before proceeding labels Oct 17, 2022
@juliaxbow juliaxbow changed the title UI improvements for import status pop-up window UX improvements for import status pop-up window Oct 17, 2022
@rafaelramalho19 rafaelramalho19 mentioned this issue Dec 14, 2022
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
effort/hours Estimated to take one or several hours exp/beginner Can be confidently tackled by newcomers kind/bug A bug in existing code (including security flaws) P2 Medium: Good to have, but can wait until someone steps up
Projects
No open projects
IPFS-GUI (PL EngRes)
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: import status window UX rafaelramalho19/ipfs-webui
3 participants
@lidel @SgtPooki @juliaxbow