on firefox tabs and the mac

I’ve tried out each new version of Firefox with increasing frustration.  I think it’s a fantastic browser; and although I prefer the feel of Safari or Chrome, I love the customization of Firefox.  Each new version leaves me with a new disappointment, and the latest is no different (no services menu!), but I think that it’s finally close enough to “there” that I can give it a try for a while.  At the very least, until they get a closer snapshot of Google Chrome for Mac.

Anyhow, the most frustrating part for me, both as a Mac user and as a Safari user, is that the close buttons for the tabs are on the wrong side.  While I think it’s a particularly boneheaded omission, there’s luckily an easy fix.

You’ll need to create a user CSS file for your interface.  It’s located in ~/Library/Application Support/Firefox/Profiles/<profilefolder>/chrome/userChrome.css.  Create this file if it doesn’t exist yet.  In this file, add the following lines:

.tabbrowser-tab .tab-close-button {-moz-box-ordinal-group: 1 !important;}
.tabbrowser-tab .tab-text {-moz-box-ordinal-group: 2 !important;}
.tabbrowser-tab .tab-icon-image {-moz-box-ordinal-group: 3 !important;}
.tab-image-middle, .tab-image-right {-moz-box-ordinal-group: 2 !important;}
.tab-image-middle {padding-left: .5em !important;}
.tab-close-button {display: -moz-box !important;}
Save the file, then restart your browser.  Ding!  Tabs that feel right at home on an Apple.


Very clever. I imagined a bright and cheery Ding! like a happy toaster oven.



(required)

(required)