Decide on a visual design for adding information icons #455

Activity

1. jspaaks

   added this to the 2.0.1 milestone on May 4, 2022
2. jspaaks

   added

   appearanceAny issue related to UIAny issue related to UI

   on May 4, 2022
3. jspaaks commented on May 4, 2022

   

   jspaaks

   on May 4, 2022

   Last edited by jspaaks

   MemberAuthor

   More actions

   For most text fields, I suggest we use https://unpkg.com/ionicons@5.5.2/dist/svg/information-circle-outline.svg and add it after the "question" text, like so:

   

   For ScreenIdentifiers, we can

   1. do nothing and depend on the prose ("See schema guide for examples.") that's already there
   2. Add the icon to the prose
   3. Replace the prose with the icon

   All of these options are OK with me, my preference order is 3-2-1

   ScreenAuthors requires the most work. I suggest we add "question" texts to each field and add the icon there. This would affect the height of AuthorCardEditing, I'll update this issue with a visual once I have it.

   
4. abelsiqueira commented on May 4, 2022

   

   abelsiqueira

   on May 4, 2022

   Collaborator

   More actions

   Suggestion:

   • Add info icon next to questions
     
   • On hover, they show the schema description and a message "Click to access specific documentation".
     
   • On click, the specific documentation is opened.
   • In the Authors screen with add author form: add labels to fields, and a brief description on top. Add icon for every label with the same behaviour as above.
     
   • Same idea of Identifiers
     
5. citation-file-format

   locked and limited conversation to collaborators on May 10, 2022
6. jspaaks

   converted this issue into a discussion #477 on May 10, 2022