search

desci-labs / nodes-web

UI to create and consume interoperable research objects
https://nodes.desci.com
GNU Affero General Public License v3.0
11 stars 3 forks source link

UI Changes - for File Uploader Popover #172

Closed nillabeanrc88 closed 9 months ago

nillabeanrc88 commented 1 year ago

Loom Video: https://www.loom.com/share/001f18abc036402bacc7963b7844b77b Figma Designs: https://www.figma.com/file/fq5PkOL7FNMDTCf1BQMRz1/DeSci-Nodes-(Beta)?type=design&node-id=4296%3A325440&t=nzp4AmHXkwQBxQkm-1

Tasks:

  1. Change the font size of the header and the file name in the file uploader popover from 16 pixels to 14 pixels.
  2. Check the size of the bounding box and internal icon. The bounding box should be 24 pixels, and the internal icon should be 12 pixels.
  3. Evaluate the weight of the "X" icon; it appears to be thinner than expected. It may require adjustments, but further inspection is needed.
  4. Adjust the size of the folder icon. Bounding box should be 24 by 24 pixels, with the internal icon being 18 by 17 pixels. The weight of the icon may be adjusted to 19 pixels or another appropriate value, based on aesthetic judgment.
  5. Add a hover state for the folder icon, which currently does not have one.
  6. Ensure that the padding to the left of the title and to the right of the icon is 16 pixels. The distance from the bounding box of the icon to the edge should also be 16 pixels.