967902 - [B2G][l10n][Notifications] Bengali: New SIM Inserted message on notification drop down menu is overlapping

Status: RESOLVED WONTFIX

(Firefox OS Graveyard :: Gaia::Cost Control, defect)

Description

[Rachel Pribble [:rpribble]]

Attachment: BengaliOverlap.png

Description:
The alert on the pull down notification menu of 'New SIM Inserted' is overlapping in Bengali.

Repro Steps:
1) Updated buri to BuildID: 20140203181708 
2) Remove battery from phone
3) Remove SIM card 
4) Reinsert sim card
5) Reinsert battery
6) Change language in settings to Bengali
6) Tap the home button
7) Pull down notifications screen
8) Observe New SIM alert at the bottom of the menu with overlapping characters

Actual:
Characters overlap

Expected:
No overlapping characters

Environmental Variables:
Device: buri v13 moz ril
BuildID: 20140203181708
Gaia: bb36b4164d3e51ca04b612e507e1178f80bf240d
Gecko: 9731b0b7fa78
Version: 28.0
Firmware Version: V1.2-device.cfg

Notes: 

Repro frequency: 3/3, 100%
Link to failed test case: https://docs.google.com/spreadsheet/ccc?key=0AvRct4nrPb_ldHpIZnVneHlHVGhpWUdSN3RLa2dubEE&usp=sharing#gid=6, SMS tab, row 26
See attached: Screenshot

Comment 1

[Axel Hecht [:Pike]]

There's really nothing the localization can do about this.

Seems like it might be a font problem of height and alignments, Johnathan?

Moving back to Gaia::System.

Comment 2

[Jonathan Kew [:jfkthame]]

It looks like the text there just doesn't quite have enough line-height for the size of font being used. We should either reduce the font size, or (probably better) slightly increase the line-height of the elements in question. What app is displaying this? (I'm not sure where to find the relevant styles offhand.)

Comment 3

[Axel Hecht [:Pike]]

I think this should be the systems app.

Comment 4

[Francesco Lodolo [:flod]]

Kind of hard to debug: started debugging system, there's a div#cost-control-widget, containing an iframe loading app://costcontrol.gaiamobile.org/widget.html, and then I'm done with devtools.

So, from this point on a lot of conditionals.

This should be the text container
https://github.com/mozilla-b2g/gaia/blob/master/apps/costcontrol/widget.html#L37

This should be the line-height inherited (1.5rem)
https://github.com/mozilla-b2g/gaia/blob/master/apps/costcontrol/style/widget.css#L128

While the font-size 1.5rem
https://github.com/mozilla-b2g/gaia/blob/master/apps/costcontrol/style/widget.css#L95

Comment 5

[Francesco Lodolo [:flod]]

Attachment: Test screenshot

This is a screenshot with line-height: 2rem added to #fte-view p:not(.meta) (I found this id very confusing).

Comment 6

[Francesco Lodolo [:flod]]

Moving over to Cost Control at this point, it would be nice to understand if that kind of change breaks anything else.

Comment 7

[BMO Automation]

Firefox OS is not being worked on