Zebrastreifen (nur) im ThreadPane anzeigen

    Um Rückfragen vorzubeugen, bitten wir um folgende Angaben:

    • Thunderbird-Version: 60.4.0 (32-Bit)
    • Betriebssystem + Version: Windows 7


    Hallo,

    wie schaffe ich das bei der Version 60.4.0 (32-Bit) über CSS einen Zebrastreifen hinzubekommen der nur in der eMail Liste zu sehen ist und nicht auch in der Ordnerliste ?


    in meinem Screenshot sollte er nur bei 2 zu sehen sein.


    danke.

  • Thunder

    Changed the title of the thread from “Zebrastreifen nur bei soll nur bei 2” to “Zebrastreifen (nur) im ThreadPane anzeigen”.
    Quote from Thunder

    Das geht in der userChrome.css hiermit:

    Dein Code wäre vermutlich wirksamer mit !important;


    Bei mir unter macOS fiel mir außerdem beim Testen deines Codes (mit !important; ) auf, dass der weiße Text einer markierten "ungeraden" Nachrichtenzeile auf dem grauen Hintergrund kaum zu lesen ist:



    Ist unter Windows der hellblaue Hintergrund der markierten Nachricht Standard oder hast du ihn mittels userChrome.css geändert?

    In den Mac-Versionen von TB sind die Zebrastreifen der Themen/Nachrichtenliste noch heute Standard, lediglich der leicht bläuliche Hintergrund der "ungeraden" wurde durch hellgrau ersetzt.

    Markierte Nachrichten sind dunkelblau hinterlegt (Code "highlight"), wenn die Nachrichten/Themenliste den Fokus hat, ansonsten grau wenn sie nicht im Fokus ist.


    Hier der "Urzustand" (= im abgesicherten Modus) der Version 60 :


    Hallo,

    Sorry das ich immer noch Nerve wegen den Zbrastreifen aber könnte mir jemand nochmal Helfen ?


    siehe Scrrenshot


    ich habe ein wenig selber rumgespielt und eigentlich passt es wie ich will aber,

    da wo der Text in rot steht bekomme ich nicht geändert und die zwei rote spalten werden nicht in Gelb Markiert wenn ich diese angeklickt habe.

    Die Gelbe Zeile ist Markiert mit einem klick.


    ich hoffe ihr wisst was man ich meine.


    CSS
    #threadTree treechildren::-moz-tree-row(odd) {
    background-color: blue !important; }


#threadTree treechildren::-moz-tree-row(even) {
    background-color: red !important; }

    
#threadTree treechildren::-moz-tree-row(odd, selected) {
    background-color: yellow !important; }
    Quote from Tapo

    ich hoffe ihr wisst was man ich meine.


    Ich bin mir nicht ganz sicher.

    Das einzige worüber ich mir ziemlich klar bin, ist dass du im Nachrichten/Themenbereich den weißen Hintergrund der freien Fläche anders einfärben willst.

    Das geht mit diesem Code (Farbcode anpassen):


    #threadTree .tree-stack {

    background: #E9F3F5 !important; }


    Quote from Tapo

    die zwei rote spalten werden nicht in Gelb Markiert wenn ich diese angeklickt habe.

    Die roten Zeilen entsprechen den geraden ("even") Zeilen laut deinem obigen Code.

    Wenn du die markierte Nachrichtenzeile mit einem gelben Hintergrund ausstatten willst, darfst du nicht (odd, selected) im Code verwenden. Denn mit einem solchen Code werden nur die ungeraden ("odd") Zeilen gelb markiert, wenn du darauf klickst.


    Wenn du die Zeile der Nachricht, auf die du klickst, mit gelbem Hintergrund anzeigen willst, unabhängig davon ob sie gerade oder ungerade ist, muss der Code so heißen:


    #threadTree treechildren::-moz-tree-row(selected) {

    background-color: yellow !important; }


    Beim Testen dieses Codes musst du ebenfalls überprüfen, ob der Text in der gelben Zeile auch noch lesbar ist, wenn die Themen/Nachrichtenliste bzw. das TB-Hauptfenster nicht mehr im Fokus ist. Nötigenfalls müsste noch ein weiterer Code für die Text-Farbe hinzugefügt werden.

    Hallo,

    könnte jemand weiter helfen ?

    folgendes Problem.

    Die blaue gepunktete Linie ist ein border-bottom der aber beim Markieren (Gelb) nicht mehr Angezeigt wird.


    2.ten

    beim überfahren mit der Maus (hover) wird eine kleine Linie in hellblau (grünerPfeil zeigt drauf) angezeigt.

    Diese Linie soll weg und dafür eine Hintergrundfarbe.


    und hier mein CSS bis jetzt

    Unter Vorbehalt, da offenbar große Unterschiede des Codes bestehen zwischen der Win und der Mac Version von TB:

    Dein Code aus #11 plus der folgende Code


    #threadTree treechildren::-moz-tree-row(selected) {

    border-bottom: 1px dotted blue !important; }


    ergibt folgende Ansicht bei mir:



    hier nochmal alles zusammen


    Ergenis


    Die blaue Linie bleibt immernoch wenn man mit dem Mauszeiger drüberfaährt.

    Quote from Tapo

    Die blaue Linie bleibt immernoch wenn man mit dem Mauszeiger drüberfaährt.

    Tut mir leid. Mit dem von letzten von dir geposteten Code kann ich diesen blauen Rand nicht erzeugen.

    Wenn er nur beim Überfliegen mit dem Mauszeiger erscheint, müsste doch irgend wo ein Code mit "hover" stehen.

    Wahrscheinlich hast du noch andere Code in deiner userChrome.css Datei, da musst du einfach mal systematisch nach hover suchen.

    Hallo,

    kann mir jemand erklären warum dieser Code klappt mit "border-bottom"

    CSS
    #threadTree treechildren::-moz-tree-row(selected) {
background-color: #ffe900 !important; 
border: 0px !important; }

#threadTree treechildren::-moz-tree-row(selected) {
    border-bottom: 1px dotted #d7d7db !important; }


    und wenn ich das so schreibe, klappt es nicht ?

    CSS
    #threadTree treechildren::-moz-tree-row(selected) {
background-color: #ffe900 !important; 
border-bottom: 1px dotted #d7d7db !important;
border: 0px !important; }

    und nein ich habe beide Code getrennt getestet und immer schön einen nach dem anderen und sonst stand nichts in der CSS Datei drinn.

    Quote from Tapo

    Weiß leider nicht wie man das in CSS schreiben kann

    Worum geht es dir eigentlich jetzt ?

    Seit fast drei Jahren hat sich einiges im Code geändert, und ich hatte große Mühe, meinen Zebrastreifen-Code an die v91 anzupassen.


    In TB 91.4.1 sieht die Nachrichten/Themenliste bei mir gegenwärtig so aus



    CSS-Code bei Interesse.