1826128 - Ugly gray stripes

Status: UNCONFIRMED

(SeaMonkey :: Themes, enhancement)

Description

[forums]

Attachment: Capture d’écran 2023-04-03 à 16.59.00.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 11.6; rv:92.0) Gecko/20100101 Firefox/92.0

Steps to reproduce:

How to remove the ugly gray stripes that appeared in the mail sidebar of default theme with the security update 2.53.16 ?

Actual results:

The texts of the sidebar are underlined by too dark grey bands which make it difficult to display and scroll the mailbox directories. See extract in attached screenshot.

Expected results:

No gray stripes in 2.53.15 (for a long time...)

Comment 1

[Frank Lion]

This is caused by the following (new?) line in default global/skin/tree.css -

treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) {
background-color: -moz-oddtreerow;
}

This striped effect is called zebra striping and is/was intentional by someone.

A user fix for userChrome.css would be -

treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) {
background-color: unset !important;}

Comment 2

[forums]

Attachment: TEST with solution 1 from Frank Lion

Comment 3

[forums]

Hello Frank,
thank you very much for your solution.
It works fine in the left-hand column
but a little less so in the right-hand column, as the selection of a mail title becomes completely white every other line!

Comment 4

[forums]

(In reply to Frank Lion from comment #1)

Hello,
thank you for your solution.
It works fine in the left-hand column
but a little less so in the right-hand column, as the selection of a mail title becomes completely white every other line!

Comment 5

[Frank Lion]

(In reply to bugzilla from comment #4)

No problem, I'll have a look soon and write/amend the code.

Comment 6

[Frank Lion]

(In reply to Frank Lion from comment #5)

(In reply to bugzilla from comment #4)

No problem, I'll have a look soon and write/amend the code.

Try this, it's some old code of mine, from when I was working in the 'Awesome bar' (fancy urlbar stuff) but I can see that it will fix the problem you have in Mail as well -

/* Awesome Bar Hover...*/

treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected),
treechildren::-moz-tree-row(selected) {
background-color: #929EAB !important;
color: #ffffff !important;
}
treechildren::-moz-tree-cell-text(selected) {
background: #929EAB !important;
color: #ffffff !important;
}