937634 - [FxOS] Titles shouldn't wrap beneath the icon

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, defect, P1)

Description

[Jean-Yves Perrier [:teoli]]

Attachment: 2013-11-12-14-42-49.png

On small screens, the titles wraps under the icon. They shouldn't wrap under the icon, the second line should be aligned with the start of the first line, right of the icon.

Comment 1

[Jean-Yves Perrier [:teoli]]

Attachment: 2013-11-12-14-43-55.png

Second example displaying the odd wrap.

Comment 2

[David Walsh :davidwalsh]

We could lower the font, but wrapping is really all we can do otherwise.

Comment 3

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/3c2efe5f968152ab93921a102d9e23d1beee586f
fix bug 937634 - Prevent heading wrapping in FFOS

https://github.com/mozilla/kuma/commit/c8ad589ba719da3cccbfe9ba137e36a226c0ef74
Merge pull request #1733 from darkwing/titles-937634

fix bug 937634 - Prevent heading wrapping in FFOS

Comment 4

[Jean-Yves Perrier [:teoli]]

Attachment: Bad wrapping in French

Unfortunately reducing the size of the font doesn't solve the problem.

The problem is still there in other locale. Here in French, but likely in more of them.

Comment 5

[Jean-Yves Perrier [:teoli]]

Attachment: Similar wrapping higher in the page (correct)

Fundamentally, we don't want to get rid of the wrapping, we want to align it next to the icon and not go beneath it.

Like higher in the page (see image)

Comment 6

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/74206bf005fa5b6b70da577e5ee66c24049aadcc
fix bug 937634 - Prevent icon issues on small screens

https://github.com/mozilla/kuma/commit/2804a801cf25a63a9783fa2b512f8cc15e1f8a30
Merge pull request #2214 from darkwing/home-wrap-937634

fix bug 937634 - Prevent icon issues on small screens