Tabs should be flexibly sized to accommodate larger fonts

Bug #90770 reported by Matthew Paul Thomas
4
Affects Status Importance Assigned to Milestone
Launchpad itself
Fix Released
Undecided
Matthew Paul Thomas

Bug Description

Currently the application tabs ("Overview, "Code", "Bugs", etc) are a fixed width. People using Launchpad often enlarge the text, which makes the text in these tabs (particularly "Translations") wider than the tabs themselves.

It would be nifty if the tabs had their current size set as a minimum, but expanded dynamically to suit the labels inside them. One way of achieving this is the Sliding Doors technique. <http://alistapart.com/articles/slidingdoors>

Changed in launchpad:
assignee: nobody → victor-choosebrilliant
Revision history for this message
Jonathan Knowles (jsk) wrote :

This has become more noticeable with the larger text size introduced in 1.1.8.

On my screen the "Translations" tab is now too narrow for the text it contains. This might be because of the fonts specified in my system configuration.

Revision history for this message
Damian Gaweda (damian-choosebrilliant) wrote :

I used the Sliding Doors technique plus some tweaks to fix this problem. Check out the attached zip for files.

HTML changes:
- moved #applicationchooser out of #mainarea
- added a bit of javascript to handle tab rollovers

CSS changes:
- removed all #applicationchooser styles from the original css file
- all css changes are in style-tabs.css

Image changes:
- I had to crop 3 background images to reduce whitespace.

I hope this solves the problem.

Revision history for this message
Joey Stanford (joey) wrote :

Hi, was this ever fixed?

Revision history for this message
Matthew Paul Thomas (mpt) wrote :

No, but I'll fix it as part of the new theme.

Changed in launchpad:
assignee: katie-choosebrilliant → mpt
milestone: none → 1.2.6
Changed in launchpad:
milestone: 1.2.6 → 1.99
status: New → In Progress
Revision history for this message
Matthew Paul Thomas (mpt) wrote :

Fixed in mainline, r6676.

Changed in launchpad:
status: In Progress → Fix Committed
Changed in launchpad:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Related blueprints

Remote bug watches

Bug watches keep track of this bug in other bug trackers.