How to change line spacing in message list - unthreaded view
With the release of TB115 the line spacing in the message list is much tighter than it was in previous versions. I have an userChrome.css file and it is working just fine for the folder list but I can't get it to work for the message list.
#folderTree { line-height: 18px !important; } - this works fine to increase the line height in the folderTree
None of the following work to increase the line height in the message list
#threadTree > treechildren { line-height: 18px !important; } #threadTree > treechildren::-moz-tree-row { line-height: 18px !important; } #threadTree { line-height: 18px !important; }
Just in case it is interfering, you should know that I have also set layout.css.devPixlesPerPx to 1.75 to make all the fonts bigger.
Any help that you could provide would be much appreciated before my eyes go cross-eyed from reading the very tightly spaced message list.
Modified by fischer9
Chosen solution
Try changing the view>density setting
Read this answer in context 👍 8All Replies (5)
Chosen Solution
Try changing the view>density setting
Thank you. This is exactly what I was looking for and is much easier than having a custom css file.
You're welcome; I agree, it's preferable to have the options right on the menu. :)
If you're still not happy with the density and/or want more control, here's an option for adding a bit of space:
/* Message List Row Height*/
#threadTree treechildren::-moz-tree-row {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
And while we're here, if you want to alternate colors with a light gray:
/* Message List Alternating Row Colors */
#threadTree treechildren::-moz-tree-row(odd) {
-moz-appearance: none !important;
background-color: #ececec !important;
}
Hello.
With TB 115.6.1, I had to use this:
table[is="tree-view-table"] {
border-spacing: 0 7px !important;
}
https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing
Changing the line-height caused some weird jumping up/down when selecting a message in the messages pane; could be a new issue in TB (I've only switched to 115 recently) or just something off with my local setup. :)
Edit: unfortunately this doesn't solve the jumping/scrolling issue 100%, i.e. selecting a message in the messages panel causes the view to scroll so that the selected message is in the middle of the panel... so the solution I found was reverting back to TB102.
Modified by Ahmad Samir