TB (102.6) - Message pane CSS (stopped working)

User Help for Mozilla Thunderbird
Post Reply
borredon
Posts: 6
Joined: January 16th, 2023, 5:52 am

TB (102.6) - Message pane CSS (stopped working)

Post by borredon »

Hello

I have updated my TB for the 102.6 version and part of my customized CSS stopped working.

Particularly, it is the Message pane CSS which does not work for me now.

In the previous TB versions (91.13) I used the following code to change the Message pane properties:

Code: Select all

#msgHeaderView .headerValue {background-color: #ffff00 !important;}
#msgHeaderView .headerName {background-color: #ffff00 !important;}
Now, with the TB 102.6, the code above stopped working. None of the classes (.headerValue, .headerName) do react on my code changes.

What is worng with my code, please?

BR
morat
Posts: 6436
Joined: February 3rd, 2009, 6:29 pm

Re: TB (102.6) - Message pane CSS (stopped working)

Post by morat »

Try this:

Code: Select all

#msgHeaderView .message-header-label {
  background-color: orange !important;
}
#msgHeaderView *|span {
  background-color: lime !important;
}
borredon
Posts: 6
Joined: January 16th, 2023, 5:52 am

Re: TB (102.6) - Message pane CSS (stopped working)

Post by borredon »

Almost fixed.

Thank you Morat!

This is my original style:

Image

Thi is your updated code:

Image

As seen, it is not the same style.

Any suggestion how to get closer to my original visual scheme?
morat
Posts: 6436
Joined: February 3rd, 2009, 6:29 pm

Re: TB (102.6) - Message pane CSS (stopped working)

Post by morat »

Try this:

Code: Select all

#msgHeaderView *|ol,
*|div#expandedsubjectBox {
  background-color: lime !important;
}
borredon
Posts: 6
Joined: January 16th, 2023, 5:52 am

Re: TB (102.6) - Message pane CSS (stopped working)

Post by borredon »

morat wrote:Try this:

Code: Select all

#msgHeaderView *|ol,
*|div#expandedsubjectBox {
  background-color: lime !important;
}

It’s perfect now! Thank you very much, Morat.
siffemoz
Posts: 253
Joined: January 29th, 2016, 4:36 pm

Re: TB (102.6) - Message pane CSS (stopped working)

Post by siffemoz »

Hmm, my code didn't change w/102:

Code: Select all

#msgHeaderView {background-color: #b3b3b3 !important;}
.headerName {color: Black !important;}
.headerValue {line-height: 1em !important; font-weight: normal !important;}
morat
Posts: 6436
Joined: February 3rd, 2009, 6:29 pm

Re: TB (102.6) - Message pane CSS (stopped working)

Post by morat »

Post Reply