Decide on a visual design for adding information icons

[jspaaks]

e.g.

1. placement related to the text box top | bottom | left | right | inside| outside
2. placement related to the placeholder text
3. placement related to the question text
4. behavior on selecting the textbox
5. does the pattern work everywhere? (in particular, the authors and identifiers screens)

[jspaaks]

For most text fields, I suggest we use https://unpkg.com/[email protected]/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.

[abelsiqueira]

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
  

[abelsiqueira]

I was thinking like that initially, but it felt too hidden. For instance, to know what software heritage is, I need to first click it and then see the GuideLink. However, maybe that can be solved by just adding a tooltip for the radio buttons, without the GuideLink.
Otherwise, I like your suggestion.

[jspaaks]

Let me see if I can mock up some visuals

[jspaaks]

When radio button is set to DOI:

When radio button is set to URL:

When radio button is set to SWH:

When radio button is set to Other:

[abelsiqueira]

I agree with the mockups.

[jspaaks]

I updated #458

[jspaaks]

For ScreenAuthors / AuthorCardEditing, I'd be happy to combine

with a "Click to access specific documentation" hint like

 
 

If there are no objections, I'll update #457

 

[abelsiqueira]

I agree

[jspaaks]

Updated #457 (comment).