Thread Pane in der Kartenansicht: Scrollbalken wackelt unwillkürlich wenn ich height oder margin zuweise

Thunderbird 115.2.2 (64-Bit) / Betterbird 115.2.1-bb11 (64-Bit)

Windows 10 Pro 22H2

Hallo zusammen,

ich möchte die Nachrichten Ansicht (Message Pane) per CSS an meine Bedürfnisse anpassen. Ich habe schon einges hinbekommen, allerdings werde ich aus einem nicht ganz schlau. Dies ist der CSS-Code aus meiner userChrome.css um welchen es geht:

/* ..... Message Pane - Rand und Abstand ..... */
.thread-card-container {
  appearance: none !important;
  border: 0px solid transparent !important; 
  margin: 20px !important;
}

Da ich die Anzeige der einzelnen Reihen vergrößern möchte, habe ich dem ganzen ein margin mitgegeben. Mit margin allerdings, fängt der Scrollbalken an zu wackeln und je weiter ich nach unten scrolle, desto mehr springt der Balken von alleine wieder nach oben und macht was er will. Jetzt dachte ich ich ersetze margin mit height, doch auch bei der Variante habe ich das gleiche Phänomen.

Das Ganze habe ich jetzt schon mit aktivierten Addons, ohne Addons, mit nem neuen Profil getestet. Es erscheint immer der gleiche Effekt. Sobald ich margin oder height zuweise, fängt der Scrollbalken an zu wackeln und ein scrollen ist nicht mehr richtig möglich. Nehme ich das wieder weg funktioniert die Scrollfunktion ohne Probleme.

Kann mir da jemand weiter helfen und mich auf den richtigen Weg bringen?

Zitat von Bastler

Message Pane wäre der Nachrichteninhalt wobei "einzelne Reihen" eher in die Nachrichtenliste führt.

Dann habe ich mich mit der Bezeichnung vertan ich bitte um Nachsicht. Ich meine die Nachrichtenliste wo alle Nachrichten untereinander angezeigt werden. Anbei ein Screenshot.

Zitat von milupo

Sieht nach Kartenansicht aus.

Ja das ist richtig. Ich verwende die Kartenansicht. Wenn ich in dieser Ansicht den oben genannten CSS-Code mit margin oder height verwende, dann wackelt der Scrollbalken rechts immer ohne das ich was mache. Wenn ich dann nach unten scrolle, dann springt der Scrollbalken teilweise wieder an den Anfang der Liste oder bleibt in der Mitte "hängen". Ein ganz seltsames Verhalten und ich erkenne leider nicht woran das liegen könnte.

Zitat

das ist Bestandteil der ThreadPane

Ok danke für den Hinweis. Jetzt weiß ich wieder die genaue Bezeichnung.

Zitat

die oft gewollten Zebrastreifen springen auch sehr gerne wild herum und Dein Schnipsel ist eines der Paradebeispiele für ein auslösendes CSS

Da bin ich ja schonmal froh, daß ich nicht der einzige bin, welcher sich mit so einem Phänomenen herumschlagen muss.

dharkness21

die vorgeschlagenen Code-Schnipsle beheben das Problem leider nicht.

@Bastler

ebenso dein vorgeschlagener Code-Schnipsel. Der Scrollbalken wackelt munter weiter und führt weiterhin sein Eigenleben.

Mir scheint daß man dies weder mit margin noch mit height lösen kann, da dies scheinbar der Trigger für das Verhalten zu sein scheint. Mir fällt allerdings auch keine Alternative dafür ein, welche die Höhe anderweitig ändert oder ändern kann.

Zitat von dharkness21

Dann schlägt bei Dir noch ein anderes CSS-Schnipsel zu

Ich habe mir zum testen ein frisches Profil ohne Addons sowie eine frische userChrome.css Datei gemacht, welche nur die hier vorgeschlagenen Codeschnipsel enthält, damit ich den Fehler eindeutig finden kann. Der Rest ist ja Original.

dharkness21

wenn ich die

 min-height: 48px !important;

auf z.B. einen Wert über 68px erhöhe, dann wird das wackeln der Scrollbar richtig deutlich und ist quasi nicht mehr richtig bedienbar. Bleibe ich darunter, dann wackelt die Scrollbar immer noch leicht, aber man kann sie bedienen. Bei deinem Wert 48px, da wackelt bei mir die Scrollbar auch nicht, sondern nur wenn ich einen höheren Wert haben möchte.

Zitat von Bastler

height: 200% !important;

ich habe da jetzt mal mit verschiedenen Werten gespielt. Ich kann max 140% als Höhe eingeben, danach wird das wackeln wieder stärker und die Scrollbar ist quasi erneut nicht richtig bedienbar.

Kann das ggf. auch noch ein Bug in der aktuellen Version sein?

ich habe nochmal ein wenig mit den Werten gespielt um für mich das momentane Optimum zu erreichen. Dabei ist folgendes heraus gekommen:

/* ..... Thread Pane - Kartenansicht ..... */
.thread-card-container {
  appearance: none !important;
  border: none !important;
  margin: 10px 0 !important;
  height: auto !important;
}
/* ---Zeilenabstand Thread--- */ 
.thread-card-row {
line-height: 1.3 !important;
}

da wackelt bzw. flattert der Scrollbalken teilweise immer noch leicht aber man kann diesen ohne große Probleme bedienen und der springt nicht wie wild in der Nachrichtenliste hin und her. So zumindest bei mir. Das ist allerdings erst einmal ein Kompromiss aus dem was ich gerne haben wollen würde und aus dem was aktuell machbar zu sein scheint. Ich hoffe das wird sich ggf. mit zukünftigen Versionen nochmal ändern, sofern das wackeln bzw. flattern der Scrollbar ein Bug sein sollte.

Danke dharkness21 und @Bastler für eure Hilfestellung. Falls noch jemand eine andere oder bessere Idee hat, immer gerne her damit