Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

Convert old CSS snippet to 115

  • 1 antwoord
  • 0 hebben dit probleem
  • 4 weergaven
  • Laatste antwoord van 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; }

Bewerkt door markc op

Gekozen oplossing

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;
   }
Dit antwoord in context lezen 👍 1

Alle antwoorden (1)

more options

Gekozen oplossing

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;
   }

Bewerkt door markc op