Bug 1653899 Comment 4 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

(In reply to Francesco Lodolo [:flod] from comment #0)
> Created attachment 9164643 [details]
> immagine.png
> 
> This is the current Italian translation
> 
> ```
> onboarding-multistage-import-header = Importa password, segnalibri e <span data-l10n-name="zap">altro ancora</span>
> ```
> 
> Notice how the `zap` doesn't follow on the second line. 
> 
Zap not breaking to new line is known issue. See tips in https://protocol.mozilla.org/patterns/atoms/zap.html#zap

> I can work around it by adding a non-breaking space, but I think it should be fixed on the code side. I tried adding a `white-space: nowrap`, and turns out the highlight it's too short for 2 words, although they're not very long.

Adding white-space: nowrap to enclosing tag and using aspect ratio for svg that works for widest possible text should be the fix here.
(In reply to Francesco Lodolo [:flod] from comment #0)
> Created attachment 9164643 [details]
> immagine.png
> 
> This is the current Italian translation
> 
> ```
> onboarding-multistage-import-header = Importa password, segnalibri e <span data-l10n-name="zap">altro ancora</span>
> ```
> 
> Notice how the `zap` doesn't follow on the second line. 
> 
Zap not breaking to new line is known issue. See tips in https://protocol.mozilla.org/patterns/atoms/zap.html#zap

> I can work around it by adding a non-breaking space, but I think it should be fixed on the code side. I tried adding a `white-space: nowrap`, and turns out the highlight it's too short for 2 words, although they're not very long.

Adding white-space: nowrap to enclosing tag and using aspect ratio for svg helping it scale better for wider texts should be the fix here.

Back to Bug 1653899 Comment 4