Adds authenticator app tooltip

[el-mapache]

Why: To ensure users understand what the authenticator app is, and how they can
use it

EDIT: new visuals

[monfresh]

Should authentication application be authenticator app to match the main text on the screen?

[el-mapache]

Will ask what copy thinks!

[monfresh]

LGTM % comment

[el-mapache]

I believe I have amended the wording to authentication in all the files that I touched. I think i've looked at it too many times, it is starting to look really funny to me...

[el-mapache]

I also changed the heading from authenticator to authentication

[monfresh]

Looks good, although I just noticed something else. Is it OK for us to name Google Authenticator and Authy? Will that make it look like we endorse those products?

[el-mapache]

We would have to ask about that as well, I'm not sure. I suppose it depends on if providing examples can be construed as an endorsement. I guess I wouldn't be too surprised if there were a rule against it...

[hursey013]

I wonder if rather than having the tooltip icon sort of squeezed in between sentences if we could just make authentication app a link that triggers the tooltip? I think that may look more natural. What do you think?

[el-mapache]

I personally don't like it there, but we don't have a consistent look for these (some places use the ? some use links). If we want to just start removing these bubbles and using links I am down.

[rtwell]

hey gang! i recently stumbled across this issue and i'd love to put a little polish on the design of this tooltip—there is a disconnect between the tooltip ? and the what it's referencing. @el-mapache @monfresh

[el-mapache]

Blocked sounds harsh, just waiting on further comment from ryan 😄

[rtwell]

on it! finishing up a couple high-priority tasks, then i will tackle this!

…

On Tue, Jan 3, 2017 at 9:06 AM, Adam B ***@***.***> wrote: Blocked sounds harsh, just waiting on further comment from ryan 😄 — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#904 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AL-58UcGtNOWKFcXaUc4yjaTvvNEKCdLks5rOmQIgaJpZM4LW8Li> .

[jessieay]

Hello @rtwell -- do you have time to polish this off? Seems like the PR is getting a bit stale

[rtwell]

thanks for the reminder @jessieay
i think we could just reword the text so that the tooltip comes at the end of the paragraph @andrewhughey @RyanSibley @jeanninehunter thoughts?

[jeanninehunter]

@rtwell @RyanSibley @andrewhughey @esgoodman : Agree with either hyperlinking authenticator app or superimposing the question mark and making it slightly smaller so it doesn't break the sentences. Also, for the definition itself, rereading #1233, makes me wonder if we should identify a specific tool or company such as Google and Authy. Perhaps the definition itself should read as: "An authentication application is a mobile security application that generates sign-in passcodes even if you don't have an Internet connection or mobile service."

[esgoodman]

@jeanninehunter @el-mapache We should just close this PR so we can all move on, I think. My request: merge this after

1. Moving the tooltip as-is to the end of the sentence to avoid that unsightly white space.

2. Changing the text to: An authentication application is a mobile security app that generates security codes even if you don't have an Internet connection or cellular service. (Changed text slightly to conform to the new security code vocabulary and to make it clear that there is the Internet and there is cellular service).

Then we create new issues to address:

1. Visual design of the tooltip: @rtwell just put some visual polish on it and the new comps are almost ready. He will be uploading them next week, but that refinement is separate from the existence of the tooltip.

2. Whether we mention Google Authenticator and/or Authy, now currently being discussed in comments to Promotion of current master to stages/qa #1182. Those comments have taken so long to resolve that it seems to indicate that the question should just have its own issue. 👈 @jkim1217.

3. Rules about using tooltips: We created a tooltip icon because it seemed like we'd need a lot of tooltip-style inline explanation. However, we now two tooltips right now in the entire account creation/authentication flow, so that assumption seems to be false. I'm open to another solutions but don't want to drag out this PR.

[andrewhughey]

I'm all for @esgoodman's proposal above. Expect new issues to resolve tooltip design, naming an auth app, and guidelines for tooltips.

[monfresh]

What's the status of this PR? Have Liz's changes been incorporated? Also, it looks like it need a rebase with master.

[el-mapache]

@monfresh Yes, I did most of the work yesterday. Just cleaning up the specs

[monfresh]

Cool. I couldn't tell because there's only 1 commit 😄