hover Effekt für Mailliste

Tapo

Hallo,

in diesem Threat habe ich den hover Effekt für die Mailliste gefunden

Beitrag

RE: Das Bewegen des Mauszeigers über der Mailliste verändert die jeweilige Hintergrundfarbe

Ahh sorry, das war mein Fehler.

Ersetze #folderTree durch #threadTree, um es für die Nachrichtenliste zu machen:

(Quelltext, 3 Zeilen)

Die Farbe kann natürlich beliebig gewählt werden, wenn man statt green im Idealfall den Hexcode nimmt (z.B. so: #FF0000 für rot).

Thunder

21. Januar 2016 um 15:28

und wolte Ihn diesem CSS einbauen.

CSS

#threadTree treechildren::-moz-tree-row {
    background-color: #f9f9fa !important;
    border: 1px solid transparent !important;
    border-bottom: 1px dashed #b1b1b3 !important;
    height: 26px !important;
    }
    
#threadTree > treechildren::-moz-tree-row(hover) {
background-color: red!important;
}

#threadTree treechildren::-moz-tree-row(odd) {
    background-color: #f9f9fa !important;
    }
    
#threadTree treechildren::-moz-tree-row(selected) {
    border-bottom: 1px dashed #b1b1b3 !important;
    }
    
#threadTree treechildren::-moz-tree-row(selected, focus) {
background-color: yellowgreen !important;
}

Alles anzeigen

das hat leider keine wirkung.

kann mir jemand erklären warum nicht ?

Danke

dharkness21

Zitat von Tapo

kann mir jemand erklären warum nicht ?

Schau Dir mal den Unterschied zwischen Zeile 1 und 8 an, beachte dabei aber nicht (hover), das ist so korrekt.

Tapo

aaa der hover funktioniert aber nur in 1, 3, 5, 7 usw

#threadTree treechildren::-moz-tree-row(hover)

nowar

Zitat von Tapo

hover Effekt für die Mailliste gefunden

CSS

/* hovered item background color in thread pane, default #0A246A */
#threadTree treechildren::-moz-tree-row(hover) {
-moz-appearance: none !important;
background-color: #EEEEEE !important;
}

/* hovered item text color in thread pane, default #FFFFFF */
#threadTree treechildren::-moz-tree-cell-text(hover){
color: #000000 !important;
}

/* selected item background color in thread pane, default #0A246A (dark blue) */
#threadTree treechildren::-moz-tree-row(selected) {
-moz-appearance: none !important;
background-color: #FF8000 !important;
}

/* selected item text color in thread pane, default #FFFFFF */
#threadTree treechildren::-moz-tree-cell-text(selected) {
-moz-appearance: none !important;
color: #FFFFFF !important;
}

Alles anzeigen

dharkness21

Zitat von Tapo

aaa der hover funktioniert aber nur in 1, 3, 5, 7 usw

Weil Du odd extra angepasst hast, dafür musst Du auch noch ein hover ↓ machen.

CSS

#threadTree treechildren::-moz-tree-row(odd, hover) {
    background-color: #F20 !important;
}

Tapo

@ nowar

@ dharkness21

ok Danke.

hover Effekt für Mailliste

RE: Das Bewegen des Mauszeigers über der Mailliste verändert die jeweilige Hintergrundfarbe

Community-Bot 3. September 2024 um 20:50

Thunderbird 138.0.1 veröffentlicht

Thunderbird 128.10.0 ESR veröffentlicht

Ähnliche Themen

Hilfe beim Testen des Systray/Panel-Indicators auf Linux

Das Bewegen des Mauszeigers über der Mailliste verändert die jeweilige Hintergrundfarbe

Attachmentleiste - der erste Anhang

Ordner Farben