305267 - Cannot change tab width using userChrome.css

Status: RESOLVED WONTFIX

(Firefox :: Tabbed Browser, defect, P4)

Description

[Neil Lee [:neilio]]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr-fr) AppleWebKit/412.7 (KHTML, like Gecko) Safari/412.5
Build Identifier: 

I've been trying every combination of setting in userChrome.css but it seems impossible to change the 
maximum width of tabs. I know that there is an extension out there that can change the width of tabs (Tab 
Browser Extensions) but I really don't want to install that as it's way too buggy.

It's possible to change the *height* of tabs, but not the width. Can this be fixed?

Reproducible: Always

Comment 1

[Ria Klaassen (not reading all bugmail)]

This code works for me. It changes a variable tab width to a fixed width. When
the line is full it wraps:

.tabbrowser-tabs > hbox {
  display: block !important;
}

.tabbrowser-tabs tab {
  
  min-width: 14% !important;
  
}

Comment 2

[Neil Lee [:neilio]]

This must be a Mac issue then - it doesn't work on the Mac version. I'm using the standard theme.

Comment 3

[Peter van der Woude [:Peter6]]

(In reply to comment #2)
> This must be a Mac issue then - it doesn't work on the Mac version. I'm using
the standard theme.

If it doesn't work on Mac, but it does on Win than it's a bug, not enhancement

Comment 4

[Kevin Brosnan]

After spending a while to figure out how to get a tab to show up in the DOM inspector tabs have a class of tabbrowser-tab not tabbrowser-tabs. Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.9a1) Gecko/20051204 Firefox/1.6a1

Comment 5

[Kevin Brosnan]

My comments above are wrong. I made a mistake and removed the default namespace from userChrome.css. Once I added that back the Firefox build took the changes I  made.

WFM

Comment 6

[Neil Lee [:neilio]]

Kevin, what exactly did you use to make this work? 

Comment 7

[pal-moz]

after 20060121 Firefox Trunk Nightly Nuild / windows (after landed bug#308396).

userChrome.css doesn't work.

/* multiple lines of tabs */
tabbrowser tabs > hbox { display: block; }
tabbrowser tab, tabbrowser .tab-icon, tabbrowser .tab-text { display: inline; }
tabbrowser tab { width:110px; }


Work fine up to 20060120 Trunk Nightly Build.

Comment 8

[pal-moz]

after 20060121 Firefox Trunk Nightly Nuild / windows (after landed bug#308396).

userChrome.css doesn't work.

/* multiple lines of tabs */
tabbrowser tabs > hbox { display: block; }
tabbrowser tab, tabbrowser .tab-icon, tabbrowser .tab-text { display: inline; }
tabbrowser tab { width:110px; }


Work fine up to 20060120 Trunk Nightly Build.

Comment 9

[Peter van der Woude [:Peter6]]

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/20060809 Minefield/3.0a1 ID:2006080911 [cairo]

tabbrowser tab { width:XXXpx; } w/ or w/o !important doesn't work at all for any OS

Comment 10

[hhh]

dazio in the Mozillazine forums discovered that tab width settings are being overwritten by tabbrowser.xml in toolkit.jar. A temporary workaround is to change lines 112 and 1111 in that file. Of course, you have to swap toolkit.jar files after every update. Here's a version with tabwidth set at 80px...
http://pxclassic.net/toolkit.jar