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

Convert old CSS snippet to 115

  • 1 பதிலளி
  • 0 இந்த பிரச்னைகள் உள்ளது
  • 1 view
  • Last reply by markc

I used to use something like this to reduce the fontsize and remove bold from the folder items...

   #folderTree > treechildren::-moz-tree-cell-text {
     font-size: 75% !important;
     font-weight: normal !important;
   }

I've looked through this file and tried a few likely options but nothing seems to work...

https://searchfox.org/comm-esr115/source/mail/themes/shared/mail/folderPane.css

Would anyone have a suggestion as to how to convert the above snippet from the old CSS scheme to 115?

Actually, I would also like to change what is bolded in the folder pane to blue (unbold) like the next example for the message thread pane which does work in 115...

   #threadTree tbody [data-properties~="unread"] {
     color: #5FAFFF !important;
     font-weight: normal !important;
   }
I used to use something like this to reduce the fontsize and remove bold from the folder items... #folderTree > treechildren::-moz-tree-cell-text { font-size: 75% !important; font-weight: normal !important; } I've looked through this file and tried a few likely options but nothing seems to work... https://searchfox.org/comm-esr115/source/mail/themes/shared/mail/folderPane.css Would anyone have a suggestion as to how to convert the above snippet from the old CSS scheme to 115? Actually, I would also like to change what is bolded in the folder pane to blue (unbold) like the next example for the message thread pane which does work in 115... #threadTree tbody [data-properties~="unread"] { color: #5FAFFF !important; font-weight: normal !important; }

markc மூலமாக திருத்தப்பட்டது

தீர்வு தேர்ந்தெடுக்கப்பட்டது

This brute force approach mostly solves the issue. I've used this first "global" snippet for years to get rid of ALL the ugly borders (thank goodness it works) so I added the font-weight line here as well and it also works. The second section just adds color to what was bold unread messages in the message list column. Just checking again and this will certainly do and is a much cleaner look n feel... no bold fonts and no borders. My TB is beautiful again :-)

   * {
     border-style: none !important;
     border-width: none !important;
     font-weight: normal !important;
   }
   #threadTree tbody [data-properties~="unread"] {
     color: #5FAFFF !important;
   }
Read this answer in context 👍 1

All Replies (1)

தீர்வு தேர்ந்தெடுக்கப்பட்டது

This brute force approach mostly solves the issue. I've used this first "global" snippet for years to get rid of ALL the ugly borders (thank goodness it works) so I added the font-weight line here as well and it also works. The second section just adds color to what was bold unread messages in the message list column. Just checking again and this will certainly do and is a much cleaner look n feel... no bold fonts and no borders. My TB is beautiful again :-)

   * {
     border-style: none !important;
     border-width: none !important;
     font-weight: normal !important;
   }
   #threadTree tbody [data-properties~="unread"] {
     color: #5FAFFF !important;
   }

markc மூலமாக திருத்தப்பட்டது