TB115 Formatieren der Nachrichtenliste - Hintergrundfarbe setzen für selektiertes ungelesene Nachricht funktioniert nicht

micho2 · July 17, 2023 at 7:26 PM

MacOS 13.4.1 (c) (22F770820d)

Es soll in der Nachrichtenliste:

das gehoverte Element rot hervorgehoben werden [klappt]
ungelesene Elemente gelber Hintergrund [klappt]
das selektierte Element in der Liste Color blau [klappt]
das selektierte Element in der Liste Hintergrundfarbe lightgray [klappt nur für gelesene Elemente, NICHT FÜR UNGELESENE]

Wie kann man das beheben?

CSS

div .thread-card-container:hover{
background-color: lightgray !important;  
color: red !important;
opacity: 1 !important;
}

/* ungelesene Elemente in der Nachrichtenliste */
#threadTree tbody [data-properties~="unread"] {
  _background-color: lightgoldenrodyellow !important;
  background-color: lightyellow !important;
}

/* Die selektierte Nachricht in der Liste */
[is="tree-view-table-body"]:focus > .selected, [is="tree-view-table-body"]:focus-within > .selected {
  background-color: lightgray !important;  /* das wirkt leider nicht in ungeleseenn Elementen */
  color: blue !important;
}

Display More

dharkness21 · July 17, 2023 at 7:55 PM

Quote from micho2

Es soll in der Nachrichtenliste:
das selektierte Element in der Liste Hintergrundfarbe lightgray [klappt nur für gelesene Elemente, NICHT FÜR UNGELESENE]
Wie kann man das beheben?

Teste bitte mal das ↓.

CSS

tr[data-properties~="untagged"][data-properties~="unread"].selected {
    background-color: #C0C0C0 !important;
    color: #0082FC !important;
}

micho2 · July 18, 2023 at 8:16 AM

danke, wirkt leider nicht.

hatte vorher

Code

[is="tree-view-table-body"]:focus > .selected, [is="tree-view-table-body"]:focus-within > .selected {

rausgenommen

heinerwm · July 20, 2023 at 12:10 PM

Einen zum Thema passenden Beitrag gibt es im mozillaZine - Forum: http://forums.mozillazine.org/viewtopic.php?f=39&t=3111115.

Gruß Heiner

ThoBa · July 21, 2023 at 12:48 PM

Hallo dharkness21,

Quote from dharkness21

Teste bitte mal das ↓.

CSS

tr[data-properties~="untagged"][data-properties~="unread"].selected {
    background-color: #C0C0C0 !important;
    color: #0082FC !important;
}

damit wir endlich einmal einen ausführlichen Thread zu diesem Thema

hätten, fehlt eigentlich nur noch die Hintergrundfarbe eines

geschlossenen Threads, wenn dieser ungelesene Beiträge enthält (default

ist unterstrichen).

Könntest du hierzu bitte auch ein Beispiel aufzeigen?

Vielen Dank!

dharkness21 · July 21, 2023 at 3:08 PM

Quote from ThoBa

fehlt eigentlich nur noch die Hintergrundfarbe eines
geschlossenen Threads, wenn dieser ungelesene Beiträge enthält

Teste bitte mal das ↓.

CSS

#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"] :where(td) {
    appearance: none !important;
    background-color: #F20 !important;
    color: #eee8aa !important;
}
#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"].selected :where(td) {
    appearance: none !important;
    background-color: #800 !important;
    color: #eee8aa !important;
}
#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"]:hover :where(td),
#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"].selected:hover :where(td) {
    appearance: none !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Display More

ThoBa · July 21, 2023 at 3:29 PM

Hallo dharkness21,

Quote from dharkness21
Teste bitte mal das ↓.
CSS
#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"] :where(td) ...

Einfach genial!

Vielen herzlichen Dank

dharkness21 · July 21, 2023 at 3:33 PM

Quote from ThoBa

Einfach genial!
Vielen herzlichen Dank

Aber gerne doch.

TB115 Formatieren der Nachrichtenliste - Hintergrundfarbe setzen für selektiertes ungelesene Nachricht funktioniert nicht

Community-Bot September 3, 2024 at 9:00 PM

Thunderbird 152.0.1 veröffentlicht

Thunderbird 140.12.1 ESR veröffentlicht