ipfs-webui icon indicating copy to clipboard operation
ipfs-webui copied to clipboard

UI improvements for import status pop-up window

Open juliaxbow opened this issue 3 years ago • 1 comments

Not urgent but I have a few suggestions to improve 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

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

  3. 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

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

juliaxbow avatar Sep 22 '22 18:09 juliaxbow

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

lidel avatar Oct 17 '22 17:10 lidel