Thunderbird: Change Line Height in Folder Tree and Mail List

thunderbird_logo-only_RGB-300dpi_w200I thought I’ll briefly write down a tip that helped me yesterday when I upgraded from Thunderbird 3.1 to the new version 5 (which also applies to Thunderbird 6 and also 7, 8, 9, 10, 11, 12, 13 and probably more, given this ridiculous version system) – on WIndows 7, by the way. (This problem might not exist on other systems in the same way.)

TB5 uses a slightly different display for the folder tree and the mail list with a slightly bigger line spacing (which might simply be a side effect of the Calibri font). This may result in slightly better readability, but it also means that there are less mails and folders displayed in the same screen real estate, and since I like to use quite a lot folders to organize my mail collection, this resulted in the fact that not all folders could fit on the screen anymore, and having to scroll is inconvenient – especially since it’s virtually guaranteed that the next incoming mail will be put in a folder that’s currently not visible…

So I quickly searched for a way to change the line height – which is of course possible with the userChrome.css file that’s located in the profile folder1, typically located in C:\Users\user name\AppData\Roaming\Thunderbird\Profiles\profile name\chrome. By default, it probably doesn’t exist, so just create it. And restart Thunderbird to apply any changes.

This CSS code reduces the height such that the display is pretty much like in TB3:

treechildren::-moz-tree-row {
margin-bottom: -2px !important;
}

Update 23 Jul 14: Surprise! A change in Thunderbird 312 – there were some pixels added somewhere, now it’s -4px instead of -2px for the same effect.

Since this causes ugly lines to remain between the items when moving the cursor across the tree or list, we also add the following which only applies to highlighted lines:

treechildren::-moz-tree-row(hover),
treechildren::-moz-tree-row(selected) {
margin-bottom: 0px !important;
}

That’s it. If you like, you can of course use just -1px to reduce the height by only one instead of two pixel rows. (Alternatively you could also split the 2 pixels between top and bottom (margin-top and margin-bottom with each -1px), but then the highlighted line “wobbles” a bit when passing over it.)

And a little bonus tip, an entry that I already have for a long time to hide the folder pane header that switches between “all folders” and some other folder views which is useless for me:

#folderPaneHeader {
display: none !important;
}

(And before you add this entry, make sure you switched to “all folders” because you won’t be able to once the header’s gone…)

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.