3.0 interface overflows sidebars and causes horizontal scrolling if you manually change browser font sizes
Bug #435346 reported by
Tom Haddon
This bug affects 1 person
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Launchpad itself |
Fix Released
|
Medium
|
Данило Шеган |
Bug Description
If you change the font sizes in Firefox 3.0 to 12 for "proportional" and 10 for monospace rather than using the "Zoom Out" shortcut to reduce font size, you end up with the sidebars overflowing per the attached screenshot. This happens on pretty much any page with a sidebar, not just a person page.
Related branches
lp://qastaging/~danilo/launchpad/bug-435398
- Abel Deuring (community): Approve
-
Diff: 282 lines9 files modifiedlib/canonical/launchpad/icing/style-3-0.css (+18/-1)
lib/canonical/launchpad/icing/style.css (+0/-6)
lib/lp/translations/templates/distribution-translations.pt (+8/-8)
lib/lp/translations/templates/distroseries-translations.pt (+7/-8)
lib/lp/translations/templates/object-templates.pt (+7/-8)
lib/lp/translations/templates/potemplate-index.pt (+7/-8)
lib/lp/translations/templates/product-translations.pt (+8/-12)
lib/lp/translations/templates/productseries-translations.pt (+12/-12)
lib/lp/translations/templates/sourcepackage-translations.pt (+7/-8)
Changed in launchpad: | |
assignee: | nobody → Данило Шеган (danilo) |
affects: | launchpad → launchpad-foundations |
Changed in launchpad-foundations: | |
importance: | Undecided → Medium |
status: | New → In Progress |
tags: | added: qa-ok |
tags: | added: qa-needstesting |
tags: | removed: qa-needstesting |
Changed in launchpad-foundations: | |
milestone: | none → 3.1.10 |
Changed in launchpad-foundations: | |
status: | Fix Committed → Fix Released |
To post a comment you must log in.
This is something I consistently see in Epiphany (which has slightly different default font sizes, because it reads them from the system), both in gecko and webkit variant, when I reduce the font size. I believe it to be a problem with YUI3 grid system, but haven't looked too closely into it.
We can probably stop this from occuring by using <div style=" clear:both" ></div> after the header.
Note that the sidebar ends up below the entire main content, at least for me. Screenshot attached to illustrate that as well (haven't seen it in Tom's screenshot).