mozilla/browserid — Issue #1179: Rebranding banner looks terrible on mobile and small size browser windows
Author: jbonacci
Created: 2012-02-22 21:24:30+00:00
State: open

The "rebranding" banner is now visible in Production after the following push:
Bug 729561 - BrowserID: Deploy hotfix to production at 1pm pacific
with browserid-server-0.2012.02.02-5.el6_101735.x86_64.rpm

The banner looks good in a desktop browser at "full size".
But, it looks terrible on mobile devices and on minimal/minimized browser windows.

The full, yellow banner can not fit across a mobile device layout - portrait or landscape - so it wraps to a second line.
The second line is not yellow, so it is not apparent that it is part of the banner.

For example, on Android phones, in portrait, the banner wraps here:
...we're launching Mozilla (first line of banner in yellow)
Persona. Find out more... (this line not in yellow)
Rotate the phone to landscape (w/o a page refresh) and see the same thing.

In addition, the BrowserID logo/button is right in the middle of the two lines!

See a similar result for desktop browsers with the open page minmized to a size smaller than the banner string.