Comments on: Thinning Down FireFox 4's Tab Bar

By: Hinterwaeldler

Hinterwaeldler — Sun, 06 Nov 2011 23:31:14 +0000

This is my version:

#appmenu-button {
background-color: rgba(54, 121, 166, 0.2) !important;
}

#appmenu-button .button-text { display:none !important; } /*removes "Firefox"*/
#appmenu-button dropmarker:before { content: "FireFox Menu" !important; } /*Inserts new text*/

#appmenu-button-container{
position: fixed !important;
}

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 112px !important;
padding-right: 110px !important;
padding-top: 4px !important;
margin-top: -20px !important;
}

#appmenu-button{
padding: 4px 6px 20px 6px !important;
height: 20px !important;
}

By: rirri

rirri — Mon, 14 Feb 2011 10:50:40 +0000

anubody know how to trun on multirow tabbar in ff4?

By: Vamsi

Vamsi — Tue, 21 Dec 2010 09:17:41 +0000

Adjusting width and height worked for my computer. otherwise min,max close button were not visible.
#appmenu-button-container{
position: fixed !important;
}

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding: 2px 0 0 0px !important;
margin: -25px 70px 0 70px !important;
}

#appmenu-button{
padding: 3px 5px 3px 5px !important;
height: 20px !important;
}

By: Trevor

Trevor — Thu, 14 Oct 2010 06:55:55 +0000

I used the following code and now I have the same viewing area as google chrome (I also turned off the status bar to do so).

#appmenu-button-container {
width: 92px;
position: fixed !important;
}
#appmenu-button {
padding: 4px 4px 4px 4px !important;
margin-top:0px !important;
background-color: rgba(200, 200, 200, 0.4) !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 93px !important;
padding-right: 102px !important;
padding-top: 0px !important;
margin-top: -30px !important;
}

#appmenu-button{
padding: 3px 5px 3px 5px !important;
height: 25px !important;
}

By: Furutomo

Furutomo — Mon, 11 Oct 2010 08:29:03 +0000

#appmenu-button-container{position: fixed !important;}
#navigator-toolbox[tabsontop="true"]
#TabsToolbar{padding-left: 80px !important;padding-right: 110px !important;margin-top: -20px !important;}
#appmenu-button{padding: 3px 5px 3px 5px !important;height: 20px !important;}

firefox4.0b6 OK.

By: Matt

Matt — Thu, 16 Sep 2010 14:37:44 +0000

I've posted an updated post that works in FF4 b5 and b6:

http://gdgtry.com/2010/09/thinning-down-firefox-4s-tab-bar-update/

By: Gdgtry » Blog Archive » Thinning Down FireFox 4′s Tab Bar – Update! - Technology issues on a day-to-day basis.

Thu, 16 Sep 2010 14:33:30 +0000

[...] previous post about modifying FireFox 4′s tab bar layout has been one of the more popular posts on my blog. After updating to FF4 Beta 6 the modification [...]

By: max

max — Thu, 16 Sep 2010 09:06:05 +0000

hey, i use ff4.0b6 .... i always wanted this feature and couldn't manage to manipulate my userchrome.css file correctly. my codes never changed anything in my ff, dunno, maybe i was opening the wrong css.... no idea....

wo well doing the following really makes life easier:

install the add-on "stylish", go to http://userstyles.org/styles/36432 , press install, be happy!

By: Sir Unimaginative

Sir Unimaginative — Mon, 13 Sep 2010 17:48:24 +0000

I don't know if it's just me, but as of Beta 5 this no longer works. It pushes the tabs out from under the Firefox button, but leaves them on their own line instead of placing them on the title bar.

By: kenny

kenny — Mon, 13 Sep 2010 15:22:43 +0000

firefox 4b5 update seems to break the original fix in this article. any ideas?