On my posts earlier (part 1 and part 2) I was fiddling with the Thunderbird 2 folderpane. It was time to migrate to Xubuntu Lucid, and now I’m pretty much supposed to be using Thunderbird 3. Sadly enough, the default TB3 folderpane is even worse than the TB2 default, and the userChrome -fixes were not compatible with the new folderpane. It’s time to open your toolbox and start the journey towards a compact Thunderbird 3 folderpane.

This is my “All Folders” -view with the default Thunderbird 3 folderpane style.

There’s no hope that I am able to see all of my folders at once with the default style. The font size is also quite big, smaller will work for me. My first contact with TB3 leaves me a bit confused, because there is so much going on with all the folder icons. This takes way too much space, I’m thinking.

Another thing I dislike in the new default folderpane is the fact it misses the tree lines. Fortunately getting them back is well documented, so no worries about that.

My general experience for searching documentation from the web or live support from IRC for tweaking the folderpane is not that good. Too many times I was getting my earlier blog entries as the top 5 search results when trying to find documentation or maybe even examples. The #thunderbird IRC support channel is somewhat unresponsive whenever you pop in there – I might be asking hard and/or weird questions, but you pretty rarely even see anyone saying anything. If I was asking the wrong channel, I of course expect somebody point me to the right direction. Come on, Mozilla community!

Anyway, in addition to those issues mentioned, I also played around a bit with the overall feel of the folderpane and tried to make mail reading a nice task rather than a confusing one. These include some nice background coloring as well as shrinking the icons. I think I even made some progress in contrast to the TB2 folderpane tweaks.

The tweaks are still work in progress, but here’s a screenshot.

You can see that some of the folders do not handle padding correctly (yet). There’s also a few other glitches, like the Trash folders, which seem to be visible on TB boot, but disappear when you hover the folderpane.

Here’s the userChrome.css as well as envelope.png for showing the envelope symbol for the folders that have unread mail. The envelope icon is from the default Thunderbird 3 icon theme, but at least for now I had to split it out from folder-pane.png to be able to show the icon correctly.

To hide the Local Folders, I used the Mail Tweak -extension.

I’m back with the folderpane fix I showed you earlier. This time there’s even a few more “features” and all the glitches (from my  point of view) have been fixed. Here’s how my folderpane looks right now:

First of all, you can see how I’ve removed the icons from the “normal” subfolders in Inboxes. Those aren’t really necessary. Also, I’ve styled the folders so that their backgrounds differ from the folderpane default background. The latest change was to make the selected folder distinctive from the other folders (see the “Personal” folder on my open@knome.fi -account).

All still fits in my monitor with two panels and Thunderbird doesn’t even need to maximised. Wonderful!

Download my userChrome.css for Thunderbird, including a fix for the broken fieldset legends in the Preferences with a dark theme.

A quick hello for my readers. We fixed some problems which appeared in Firefox and Thunderbird with our new GTK+ theme for Karmic today. After that, I wanted to see if I finally could make the Thunderbird folderpane a bit more compact so it would fit my screen – and I wouldn’t need to scroll to see the folders in the bottom. The result looks like this:

The font size of the folders are 9px, except the server/account ones, which are 11px to stand out a bit. The code you should have in your ~/.mozilla-thunderbird/yourprofile.default/chrome/userChome.css is:

#folderTree treechildren::-moz-tree-row {
height: 12px !important;
padding-top: 2px !important;
margin-bottom: -3px !important;
}


#folderTree treechildren::-moz-tree-cell-text(folderNameCol) {
font-size: 9px !important;
}


#folderTree treechildren::-moz-tree-cell-text(isServer-true) {
font-size: 11px !important;
}

Be warned though, this isn’t a problem-free solution. When you select any of the folders, the folder icons get cutted from the bottom. Also, as you see in the screenshot, some images (Feeds folders) are very near to overlapping each other. If I have the time to find out a better solution, I will post a follow-up. If you happen to know how to fix this quickly and cleanly, please post a comment so we can all enjoy.