889150 - [B2G][l10n][Settings] Dutch: "Create a Passcode" title is truncated

Status: VERIFIED FIXED

(Mozilla Localizations :: nl / Dutch, defect)

Description

[sarsenyev]

Attachment: screenshot attachment

Description:
Title doesn't fit "Een wachwo..." is truncated 

Repro Steps:
1) Updated to Buri/Inari/Leo/Unagi Build ID: 20130621070212
2) In the "Settings" change a language to Nederlands
3) Open "Settings" from the home menu
4) Chooose "Phone Lock" ("Telefoonvergrendeling") option 
5) Make "Passcode Lock" (Codeverrendeling) enable

Actual:
"Phone Lock" (Een wachwoordcode) is truncated

Expected:
The title fits in the bar

Environmental Variables
Gecko: http://hg.mozilla.org/releases/mozilla-b2g18/rev/a34f6d62cb05
Gaia: cca61224e6df8e9f7e450d77cb6a8cf91029be64
Platform Version: 18.1

Notes:
Repro frequency: 100%
See the screenshot attachment

Comment 1

[Sarah Parsons]

adding localizers to see if they can find a work around for this

Comment 2

[Tim Maks van den Broek [:mad_maks]]

Phone lock is translated as Telefoonvergrendeling http://transvision.mozfr.org/?repo=central&sourcelocale=en-US&locale=nl&search_type=strings&recherche=Phone+lock.

So why is "Een wachtwoordcode aanmaken" there, or is the title "Create a Passcode"?

Comment 3

[Ton [:Tonnes]]

1) This string is also truncated for en-US, which seems obvious with a current font size on a title bar where only 3 cm is available, as both left and right upper corners are used for other purposes. Not sure if there is an existing bug for that. I’d move the Done button elsewhere (also in similar situations/screens -> global issue) and/or use a smaller font if it was up to me.

2) Even when deleting ‘een’ (a) for nl (what seems to be one option for shortening several title strings and has been applied for some of them already), we need 23 characters at least. Hence, the classical 23/17 = +30% of required character width issue for non-English strings shows up again. Please make developers understand this, as written elsewhere.

I’ll remove ‘Een’, but the problem depends on a global fix for all locales including en-US.

Tim: the bug is about the title only, hence Create a passcode (17) -> Wachtwoordcode aanmaken (23).

Comment 4

[Delphine Lebédel [:delphine - Use needinfo]]

Asking for some UX help for this!

Comment 5

[Stephany Wilkes]

Flagging Eric to advise on a better UX solution.

Comment 6

[Eric Pang [:epang] UX]

Hi, I've opened bug 929921 to fix the truncation issues in the English version.  In the bug I've proposed the header to be updated to "Passcode" while the text below (above the input fields) reads "Create a Passcode".  This will allow for only one word needing to be translated in the header. Tho I realize that passcode translation may still be too long - we could try to utilize the available space around the 'create' button reducing the padding the button has.  If we still are unable to fit all the text, we may need to find another solution.  Thanks!

Comment 7

[Ton [:Tonnes]]

Eric, thanks for notifying. I think we’d follow bug 929921 and apply it for vnext/master, but leave it as it is for v1.2. As you said, the Passcode translation only would still be too wide, so this relies on button padding and/or reducing the Passcode string font size.

Comment 8

[Axel Hecht [:Pike]]

Attachment: Wachtwoordcode is too long, too

This is the screenshot on 1.3. Wachtwoordcode is still too long to fit into the display.

Just "Wachtwoord" would fit, can we use that?

Comment 9

[Ton [:Tonnes]]

In 1.2, this is create-passcode / Code aanmaken / Code aanmak...
In 1.3, this is passcode-heading / Wachtwoordcode / Wachtwoordcod...

(The ellipsis takes a little more than one character width of space)

In both cases, we seem to lack half a character width, and/or a smaller font would make it fit.

In 1.2. I see no way of shortening this.
In 1.3, using ‘Wachtwoord’ would be confusing, but ‘Code’ only might be better.

Suggestions?

Comment 10

[Ton [:Tonnes]]

Changed to ‘Nieuwe code’ in 1.2/1.3/master, which should ‘fix’ this.

Comment 11

[Delphine Lebédel [:delphine - Use needinfo]]

Looks good, no more truncation anymore.
Marking as verified fixed