CSS "even and odd" Regeln

Hallo.

Ich nutze das Fensterlayout "Mehrzeilen-Ansicht für alle Ordner" und habe zusätzlich "Ansicht -> Sortieren nach -> Gruppiert nach Sortierung" aktiviert

Ich würde gerne den rot umrandeten Bereich verkleinern
Vielleicht mag mir jemand schreiben um welche CSS-Anweisung es sich dabei handelt? Besten Dank!

Ich habe lange damit rumgespielt, aber es leider nicht geschafft. Es wird einfach nicht kleiner. Wenn man "dummy", was die dummy row spezifiziert, weglässt, wird alles kleiner:

#threadTree treechildren::-moz-tree-row(multiline, dummy) {
  background-color: yellow !important;
  min-height: 1.2rem !important;
  height: 1.2rem !important;
}
#threadTree treechildren::-moz-tree-cell(multiline, dummy) {
  min-height: 0.6rem !important;
  height: 0.6rem !important;
  background-color: rgba(255,0,0,.3) !important;
}
#threadTree treechildren::-moz-tree-cell-text(multiline, dummy) {
  background-color: red !important;
}
#threadTree treechildren::-moz-tree-colspan(multiline, dummy) {
  margin-top: 0  !important;
  min-height: 0.6rem !important;
  height: 0.6rem !important;
  background-color: rgba(0,255,0,.3) !important;
}

Könnte auch ein Fehler im CSS processing sein, dass die Höhen nicht greifen.

Ich glaube, die Grundidee ist, dass alle Zeilen gleich hoch sind, d.h. man kann die Zeilenhöhe für alle Zeilen anpassen, nicht aber für ausgewählte, in diesem Fall die "dummy" Zeilen.

Schade, sieht halt mit dem "Versatz" von Pfeil und Datum iwie doof aus. Aber jut, dann ist da so. Danke @jorgk3

Also ganz ehrlich, der die Multi-Zeilen-Ansicht richtet sich an Leute, die Outlook kennen. Und in OL gibt es kein threading. Im ersten Release waren threading und "group by sort" auch nicht verfügbar, die kamen erst später hinzu. Eigentlich eignet sich alles, was die dünnen threading Linien zeichnet, sowieso nicht so gut für multi-line. Dass theading jetzt doch ziemlich gut aussieht, ist ein Bonus. Und dass man die dummy Zeilen nicht so gut stylen kann, muss man hinnehmen. Bei Nicht-Gefallen bekommst Du gerne Dein Geld zurück.

Mein Vorschlag:

#threadTree treechildren::-moz-tree-row(multiline, dummy) {
  background-color: yellow !important;
}
#threadTree treechildren::-moz-tree-cell(multiline, dummy) {
  min-height: 0.9rem !important;
  height: 0.9rem !important;
}
#threadTree treechildren::-moz-tree-colspan(multiline, dummy) {
  margin-top: 0 !important;
}

Das sieht dann so aus:

Zitat von jorgk3

Mein Vorschlag:

CSS

#threadTree treechildren::-moz-tree-row(multiline, dummy) {
  background-color: yellow !important;
}
#threadTree treechildren::-moz-tree-cell(multiline, dummy) {
  min-height: 0.9rem !important;
  height: 0.9rem !important;
}
#threadTree treechildren::-moz-tree-colspan(multiline, dummy) {
  margin-top: 0 !important;
}

Das sieht dann so aus:

Danke Dir. Das sieht schon viel besser aus.

Kannst Du mir vielleicht noch helfen, die Farben von Datum und dem Pfeil zu verändern? Merci!

Zitat von vgerdes

Ich habe unter "c:\Program Files\Betterbird\chrome\" eine der hier geposteten "userChrome.css" gespeichert und Betterbird neu gestartet.

Das muss im Profil gespeichert werden. Den Programm-Ordner solltest Du nicht anfassen.

Zitat von Jean_Dean

Kannst Du mir vielleicht noch helfen, die Farben von Datum und dem Pfeil zu verändern? Merci!

Du schuldest mir jetzt ein Bier.

#threadTree treechildren::-moz-tree-row(multiline, dummy) {
  background-color: yellow !important;
}
#threadTree treechildren::-moz-tree-cell(multiline, dummy) {
  height: 0 !important;
}
#threadTree treechildren::-moz-tree-colspan(multiline, dummy) {
  margin-top: 0 !important;
}
#threadTree treechildren::-moz-tree-cell-text(multiline, dummy) {
  color: red !important;
}
#threadTree treechildren::-moz-tree-twisty(multiline, dummy) {
  stroke: red !important;
  fill: red !important;
}

Sieht so aus:

Ich werde das mal so ins Produkt aufnehmen, damit die Positionierung für alle Benutzter stimmt. Die Farben natürlich nicht.

Ich hänge noch mal mein persönliches userChrome.css an. Da ist alles drin, auch ein paar Extra-Dinge am Ende, die man mal probieren kann.

Zitat von jorgk3

Du schuldest mir jetzt ein Bier.

Unbedingt! Gerne auch 2 🍻

Vielen Dank

Zitat von vgerdes

....

Was mache ich falsch? (Ich nutze Version 91.11.0-bb34)

Betterbird öffnen. Die ALT Taste drücken, sollte das Menüband oben nicht sichtbar sein. So oder SO auf "Hilfe" klicken und dann in dieser Reihenfolge weiterklicken:

Weitere Informationen zur Fehlerbehebung -> unter "Profilordner" auf "Ordner öffnen" und hier, wenn noch nicht geschehen, den Ordner "Chrome" erstellen und DORT dann die css Datei rein.

Zitat von Jean_Dean

Unbedingt! Gerne auch 2 🍻

Wir haben ein Spendenkonto oder besuche uns in Spanien

Moin. Hab heute einen virtuellen Ordner erstellt mit Ansicht ⇾ Sortieren nach ⇾ Gruppiert nach Sortierung für alle meine Mail Accounts.

Dabei werden leider auch gepunktete Linien sichtbar (rot umrandet), die ich in der normalen Ordnerstruktur nicht habe.

Ich finde die CSS-Anweisung mal wieder nicht. 🤔

Die kann man ausblenden, wurde hier irgendwo diskutiert, schau mal in #31, in der Datei hast Du:

#threadTree treechildren::-moz-tree-line(selected, untagged) {
  border-color: black !important;
}

Mit display: none wird es wohl gehen. Die Linien rauszunehmen wurde schon anderweitig diskutiert, kann ich gerade nicht finden.

Update: RE: Betterbird "Gruppiert nach Sortierung" in virtuellen Ordnern nicht möglich

Der zitierte Artikel macht visibility: hidden !important; nicht display: none;. Einfach ausprobieren.

Zitat von jorgk3

Der zitierte Artikel macht visibility: hidden !important; nicht display: none;. Einfach ausprobieren.

Perfekt. So viel angenehmer für die Augen. Danke das du dich meiner Frage angenommen hast. Auch nicht selbstverständlich 👍😁🍻

Zitat von jorgk3

Ich hänge noch mal mein persönliches userChrome.css an. Da ist alles drin, auch ein paar Extra-Dinge am Ende, die man mal probieren kann.

Da war noch ein kleiner Fehler beim Selektieren von ungelesenen Multi-Line. Hier behoben.