Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Increase the height of Thunderbird 115 card view

  • 9 replies
  • 0 have this problem
  • 1 view
  • Last reply by sfhowes

more options

I'm using Thunderbird 115. I changed to card view layout but I have a problem where the height of the row in card view is too small. See screenshot.

How do I increase the height of the rows or set some margin/padding etc so I can see the email subject properly. Please help.

I'm using Thunderbird 115. I changed to card view layout but I have a problem where the height of the row in card view is too small. See screenshot. How do I increase the height of the rows or set some margin/padding etc so I can see the email subject properly. Please help.
Attached screenshots

All Replies (9)

more options

Does it look better with View/Density set to Relaxed? You might also need to change View/Font Size.

more options

It is slightly better when Density is set to Relaxed. How can this be set to even higher?

more options
more options

https://support.mozilla.org/en-US/questions/1423577#answer-1602941

The above link gives the line height code for Table View. For Cards View, use this code:

/* threads pane card height */
.thread-card-container{
     height: 60px !important;
}
more options

The solution in post is taking effect only in the table view. Is there any way to set height and font-size in cards view?

more options

Add this line to the above code to set the font size:

font-size: 18px !important;
more options

It takes effect only when I remove '[is="thread-row"]' tr selection.

This is my userChrome.css

@namespace html url("http://www.w3.org/1999/xhtml");

/* threads pane line height */ html|tr {

  font-size: 24px !important;
  height: 95px !important; }
more options

Edit: As of 2023, layout.css.devPixelsPerPx is no longer supported starting with version 115. Anything other than the default -1.0 may cause problems. See https://support.mozilla.org/en-US/kb/thunderbird-115-supernova-faq#w_why-are-the-fonts-still-too-large-or-too-small-after-i-changed-the-density-and-font-size


Finally figured it out. The CSS selector is "thread-card"

The below CSS in userChrome.css with devPixelsPerPx set to 0.7 ( in config editor ) did the trick for me. The below is what suits in my display. For others, it will vary.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml");


/* threads pane line height */ html|tr[is="thread-card"] {

  font-size: 24px !important;
  height: 125px !important;

}

/* Global UI font */

  • { font-size: 24px !important;

}

Modified by Wayne Mery

more options

To make the sender bold in card view:

/* bold sender in card view */
.thread-card-container{
	font-weight: bold !important;
}