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 - My Profile #176

Closed nillabeanrc88 closed 9 months ago

nillabeanrc88 commented 1 year ago

Loom Video: https://www.loom.com/share/e7f41537a6fb4b80bae879d4641eebf7 Figma Designs: https://www.figma.com/file/fq5PkOL7FNMDTCf1BQMRz1/DeSci-Nodes-(Beta)?type=design&node-id=2664%3A184761&t=XfaFC5N6ZIbWNg34-1

Tasks:

  1. Change the profile information header text size from 20 pixels to 18 pixels.
  2. Adjust the "Tell us a little bit more about you" text size from 12 pixels to 14 pixels.
  3. Verify the icon bounding box (48 by 48) and icon dimensions (40 by 40) .
  4. Remove the email address and "my email" portion and display only the email address input.
  5. Consider making the email address input non-editable and adjust the opacity if necessary.
  6. Ensure the full name input is 48 pixels tall with a line below it.
  7. Hide the "Save changes" button unless there has been editing in the inputs.
  8. Maintain a distance of 48 pixels between the input and the line and make sure color is using our grey-3 style.
  9. Change "Academic Affiliation" to "Primary Affiliation" and adjust the accompanying text accordingly.
  10. Consider removing the "add your academic affiliation" text to keep it more generic.
  11. Modify the text size of "Tap enter to add multiple affiliations" from 14 to 12 pixels.
  12. Ensure consistency in input text size underneath fields (12 pixels).
  13. Match the "ROR PID" button text size with the design (12 pixels).
  14. Decide on the wording for the "Digital Signature" section, such as "Connect Digital Signature."
  15. Change the text size of "Digital Signature" to 18 pixels, matching the top header.
  16. Move the “Google Scholar" profile section to the bottom and create a separate section for it.