This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Caută ajutor

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.

Află mai multe

Acest fir de discuție a fost arhivat. Adresează o întrebare nouă dacă ai nevoie de ajutor.

Increase the height of Thunderbird 115 card view

  • 9 răspunsuri
  • 0 au această problemă
  • 1 vizualizare
  • Ultimul răspuns de 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.
Capturi de ecran atașate

Toate răspunsurile (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

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;

}

more options

To make the sender bold in card view:

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