CSS "even and odd" Regeln

    Ich nutze die Mehrzeilen Ansicht und würde gerne jede 2 Spalte in einem dunkleren Hintergrund darstellen

    Ich habe mich mal in CSS probiert, aber das funktioniert nicht wirklich.

    Wohl auch weil ich nicht die richtige CSS-Anweisung finde/nutze.

    Das habe ich versucht (Die Farben dienen nur als Beispiel)

    CSS
    #threadTree treechildren::-moz-tree-row(multiline, li:nth-last-child(odd)) {
    background-color: green !important;
}
#threadTree treechildren::-moz-tree-row(multiline, li:nth-last-child(even) {
    background-color: red !important;
}

    Und hier ein Beispiel wie es am Ende aussehen sollte

    Hallo,

    Quote from Jean_Dean

    Das habe ich versucht

    Dieser CSS Code zeigt auch bei mir keinerlei Wirkung.

    Ich benutze hier (in der Mac-Version von TB 91) den folgenden Code, der eine dezente Zebrastreifung bewirkt, etwa so wie es in früheren Versionen Standard war.

    Dabei werden auch die Tag-Farben berücksichtigt.

    Das sieht bei mir dann so aus

    Quote from Thunder

    Würde mich wundern, wenn wirklich Spalten gemeint sind. Der Begriff wird immer wieder mal versehentlich für die Zeilen verwendet.

    Dann bitte aber auch gleich richtigstellen. Danke

    @jorgk3 Danke. Da muss ich mal sehen, ob ich mich irgendwie durchfinde, aber das suchte ich 👍

    Mapenzi Auch an dich vielen Dank. Auch was ich suchte 😁

    Quote from Mapenzi

    Das sieht bei mir dann so aus

    Versuchen Sie, die Zeilenhöhen zu ändern, und die Höhen der geraden und ungeraden Zeilen werden unterschiedlich sein.

    Dies gilt für alle Zebra-Stilarten, die keinen Code zum Ausrichten der Höhen von geraden und ungeraden Linien haben. Wir müssen folgenden Code hinzufügen

    CSS
    /* row height in thread pane. Values of height: and min-height: must be the same */
#threadTree > treechildren::-moz-tree-row {
height: 32px !important;
min-height: 32px !important;
}
    Quote from Jean_Dean

    Ich nutze die Mehrzeilen Ansicht und würde gerne jede 2 Spalte in einem dunkleren Hintergrund darstellen

    Sie können die Abschnitte entfernen

    /* ----------------- FOLDER PANE ----------------- */ und /* Global Font Size */ wenn sie nicht benötigt werden.

    Sie können auch die Hintergrundfarbe der Spaltenüberschriften und die Schriftart ändern (mit anderem Code)

    Post

    RE: Betterbird: "Schnupper-Version" 102.0

    […]

    Ich habe bb8 als portable Version ausprobiert, keine Probleme, aber mein Wissen ist zu gering für eine detaillierte Analyse.

    Standardmäßig gibt es keine Option, eine Spalte hinzuzufügen, um einer E-Mail einen beliebigen benutzerdefinierten Tag zuzuweisen. Ist es unmöglich, diese Option zu implementieren?

    nowar
    June 24, 2022 at 4:26 PM
    Quote from nowar

    Wir müssen folgenden Code hinzufügen

    Das stimmt nicht.

    ich benutze zwar den Code für den Zeilenabstand

    /* Line Spacing In Thread Pane */

    #threadTree > treechildren::-moz-tree-row {

    height: 19.4px !important;

    min-height: 0px !important; }

    aber gleichgültig, ob ich diese Code nun benutze oder nicht, die geraden und ungeraden Zebrastreifen haben alle die gleiche Höhe bzw den gleichen Abstand

    Ohne den obigen Code für den Zeilenabstand:


    Mit Code für den Zeilenabstand:

    , Selbst wenn ich z. B. 25px als Zeilenabstand wähle, kann ich nicht mal Zehntel Millimeter Differenzen zwischen geraden und ungeraden Zeilen erkennen.

    Dein kompletter "Threadpane" Code ergibt bei mir diese Ansicht, also keinerlei Zebrastreifen:

    Hier mal das, was ich bisher, mit eurer Hilfe, zusammengetragen habe.

    Erneut geprüft. Der Code "FOLDER PANE" wurde entfernt, Zebra ist da.

    Im Zweifelsfall oder bei Schwierigkeiten benenne ich die Hauptdatei userChrome.css in userChrome.css_____ um (der Einfachheit halber) und füge den fraglichen Code in eine neue, saubere userChrome.css ein, um den Einfluss des anderen Codes zu eliminieren.

    Ich bin mir der Tatsache bewusst, dass einige Codes in anderen Versionen von TB nicht funktionieren könnten.

    Haben Sie zufällig den Codeabschnitt /* colour for even numbered rows */ entfernt?

    Edited once, last by nowar (June 28, 2022 at 7:01 PM).

    Quote from nowar

    Haben Sie zufällig den Codeabschnitt /* colour for even numbered rows */ entfernt?

    Zut, den hatte ich in der Tat nicht kopiert, da er nicht unter

    Code
    - THREAD PANE ---

    stand. Daran lag es, also unnötig neu zu testen.

    Ich habe die Gewohnheit, zugunsten der besseren Übersichtlichkeit meine CSS Code je nach Oberflächen-Teilfenster zu bündeln, dadurch finde ich mich viel schneller in den DevTools zurecht.

    Also folderpane, threadpane, toolbars, Verfassenfenster, message header, address book, Tabs, Kalender, ....

    Quote from Jean_Dean

    Dann bitte aber auch gleich richtigstellen. Danke

    Ähhhh, muss ich das jetzt verstehen? Du reagierst mit Daumen runter auf meinen obigen vollkommen richtig interpretierten Beitrag, dass Du (wenn ich nun nicht irre) die Zebra-Streifen für die Zeilen gemeint hast (obwohl Du von Spalten geschrieben hast). Was hätte ich dann bitte "auch gleich richtigstellen" sollen? Ich glaube, Du hast da irgendwas in den falschen Hals bekommen.

    Wir haben ja alle was gelernt. In meinem war noch ein Fehler, so ist es richtig:

    CSS
    #folderTree treechildren::-moz-tree-cell-text(selected) {
  color: black !important;
}