LG-12138 add updated hints for florida id

[svalexander]

🎫 Ticket

Link to the relevant ticket:
LG-12138

🛠 Summary of changes

Add updated Florida specific hint text for state id.

📜 Testing Plan

Provide a checklist of steps to confirm the changes.

• Go through ipp flow and arrive at state id page
• Select "Florida" from Issuing-state drop down
• Verify that new hint text shows

👀 Screenshots

If relevant, include a screenshot or screen capture of the changes.

En, default:

En, full screen:

En, small screen:

Es, default:

Es, full screen:

Es, small screen:

Fr, default:

Fr, full screen:

Fr, small screen:

[JackRyan1989]

This all looks good to me! Tested locally with no issues.

[gina-yamada]

What does AC Make sure that the line break does not cut the sentence mean? With smaller screens the sentence will naturally move to the next line. Is the goal here to always start "Example.." on a new line?

[carmenrosalop]

@svalexander the implementation looks good! I see that the text implemented has a line break that is shorter than the full width of the component. Is it possible to make the text box the same width as the component? Here's a picture of how it should look like

[aduth]

What does AC Make sure that the line break does not cut the sentence mean? With smaller screens the sentence will naturally move to the next line. Is the goal here to always start "Example.." on a new line?

In the past we've used non-breaking spaces to prevent a linebreak from occurring within a specific set of words that are meant to kept on the same line. I'd imagine that's what the AC is referring to, which I'm not seeing in code. It may not break at certain screen sizes, but we could guarantee this by adding some   in the strings, similar to what we've done elsewhere:

identity-idp/config/locales/two_factor_authentication/en.yml

Line 39 in aa236e1

new_backup_codes_html: I need new backup codes

[gina-yamada]

Translations are accurate. Default working as expected. Florida hint text displaying when Florida is picked. Approving code changes as design will need to review/approve layout.

[carmenrosalop]

Looks good to me! Thank you Shannon!