Шукати в статтях підтримки

Остерігайтеся нападів зловмисників. Mozilla ніколи не просить вас зателефонувати, надіслати номер телефону у повідомленні або поділитися з кимось особистими даними. Будь ласка, повідомте про підозрілі дії за допомогою меню “Повідомити про зловживання”

Докладніше

Ця тема перенесена в архів. Якщо вам потрібна допомога, запитайте.

Convert old CSS snippet to 115

  • 1 відповідь
  • 0 мають цю проблему
  • 1 перегляд
  • Остання відповідь від markc

more options

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;
   }
Читати цю відповідь у контексті 👍 1

Усі відповіді (1)

more options

Вибране рішення

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