- Thunderbird product
- Thunderbird für Windows
- Thunderbird version
- 140.2
Moin.
Ich habe heute erhebliche Änderungen für die Nachrichtenliste entwickelt.
Die Spalten "Anhang" und "Status gelesen" verwenden im Original ein Icon als Überschrift.
Ich habe die Spaltenüberschriften zu einem Text geändert.
Diese beiden Spalten sind in der grafischen Oberfläche nicht per Maus in der Breite veränderbar.
Das ist über Attribute im HTML festgelegt worden.
Daher habe ich erstmal als Workaround manuell eine Breite per CSS eingetragen.
Aber sowas ist mühsam zu warten und tendenziell instabil, weil es ja auch von der Schriftart abhängt.
Kennt ihr eine bessere Lösung?
Was noch?
Es gibt eine "simulierte" Spalte mit der Überschrift "Gesendet".
Die Spaltenüberschrift "Datum" heißt jetzt "Datum, Überschrift".
Kennt ihr eine bessere Lösung zum Simulieren der Spalte "Gesendet"?
Was fehlt?
1 Trennung von Name und Mailadresse in zwei Spalten. Das könnte vom Auge viel besser erfasst werden.
2 Trennung von Datum und Uhrzeit (dazu hatte ich euch ja mal in einem anderen Thread bereits befragt).
Der gesamte aktuelle Code für die Nachrichtenliste:
CSS
/* NACHRICHTENLISTE */
/* Normalisierung horizontaler Abstände in der gesamten Tabelle */
#threadTree th div,
#threadTree th button,
#threadTree td button,
#threadTree th,
#threadTree td {
padding-inline: 0 !important;
text-indent: 0 !important;
inset-inline: 0 !important;
margin-inline: 0 !important;
text-align: left !important;
}
#threadTree th div,
#threadTree td div{
position: inherit !important;
}
#threadTree th,
#threadTree td {
padding-inline: 0.5ch !important;
}
#threadTree table {
border-collapse: collapse !important;
}
/* Beim Überschweben (Hovern) einer Spaltenüberschrift wird ein Text zum Sortieren
angezeigt. Weil das Sortieren aber durch die Erweiterung
"No Message Pane Sort" deaktiviert wurde, blenden wir den Text aus */
#threadTree table thead th div {
pointer-events: none !important;
}
/* Spalte mit Auswahlbutton rechts ausblenden */
#threadTree th[is="tree-view-table-column-picker"] {
display: none !important;
}
/* Ungelesene Nachrichten nicht fett */
#threadTree [data-properties~="unread"] {
font-weight: normal !important;
}
/* Thead ohne Linien */
#threadTree thead::after,
#threadTree thead th hr[is="pane-splitter"] {
border-bottom: none !important;
}
/* Spaltenüberschriftzeile: Farbe */
#threadTree thead tr th {
background-color: rgb(228, 228, 228) !important;
}
/* Selektierte Zeilen: Farbe */
#threadTree tbody tr.selected {
background-color: rgb(65, 126, 189) !important;
color: white !important;
}
#threadTree tbody tr.selected img[data-l10n-id="tree-list-view-row-attach"] {
color: white !important;
}
#threadTree tbody tr.selected .correspondentcol-column {
stroke: white !important;
}
/* Gehoverte Zeilen: Farbe */
#threadTree tbody tr:hover,
#threadTree tbody tr:hover img[data-l10n-id="tree-list-view-row-attach"] {
background-color: rgb(206, 243, 255)!important;
color: black !important;
}
/* Zebra-Streifen - Gerade Zeilen (ungerade bleiben unverändert) */
#threadTree tr:nth-child(even) {
background-color: rgb(244, 244, 244) !important;
}
/* Spalte "Anhang" Spaltenüberschrift: "Büroklammersymbol" umbenennen zu "Anhang" */
#threadTree #attachmentCol button {
visibility: hidden !important;
}
#threadTree #attachmentCol button img {
display: none !important;
}
#threadTree #attachmentCol button::before {
visibility: visible !important;
content: "Anhang" !important;
}
#threadTree #attachmentCol { /* Weil sie nicht per Maus verbreiterbar ist */
width: 6ch !important;
}
/* Spalte "Anhang" Spalteninhalte: "Büroklammersymbol" ohne Opacity */
#threadTree .attachmentcol-column img {
opacity: unset !important;
}
/* Spalte "Status gelesen" Spaltenüberschrift: "Briefsymbol" umbenennen zu "Ungelesen" */
#threadTree #unreadButtonColHeader button img {
display: none !important;
}
#threadTree #unreadButtonColHeader button {
visibility: hidden !important;
}
#threadTree #unreadButtonColHeader button::before {
visibility: visible !important;
content: "Ungelesen" !important;
}
#threadTree #unreadButtonColHeader { /*Weil sie nicht per Maus verbreiterbar ist*/
width: 8ch !important;
}
/* Spalte "Status gelesen" Spalteninhalte: kein Symbol für gelesene Nachrichten */
#threadTree .tree-button-unread img {
display: none !important;
}
/* Spalte "Status gelesen" Spalteninhalte: Kreissymbol für ungelesene Nachrichten */
#threadTree [data-properties~="unread"] .tree-button-unread::before {
content: "⏺" !important;
}
/* Spalte "Beteiligte" Spaltenüberschrift: "Beteiligte" umbenennen zu "Gesendet Korrespondent"
Simulation von 2 Spalten */
#threadTree #correspondentColButton {
visibility: hidden !important;
}
#threadTree #correspondentColButton::before {
visibility: visible !important;
content: "Gesendet\00a0\00a0\00a0\00a0Korrespondent" !important;
}
/* Spalte "Beteiligte" Spalteninhalte: Pfeil schwarz */
#threadTree .correspondentcol-column {
stroke: black !important;
fill-opacity: unset !important;
}
/* Spalte "Gesendet Korrespondent" Spalteninhalt: so breit wie das Wort "Gesendet" */
#threadTree .correspondentcol-column {
text-indent: 8.8ch !important;
}
/* Spalte "Betreff" Spalteninhalte: Symbole für "Geantwortet" und "Weitergeleitet" links vom Betreff ausblenden */
#threadTree .subjectcol-column img {
display: none !important;
}
/* Spalte "Datum" Spaltenüberschrift: "Datum" umbenennen zu "Datum, Uhrzeit" */
#threadTree #dateCol button {
visibility: hidden !important;
}
#threadTree #dateCol button::before {
visibility: visible !important;
content: "Datum, Uhrzeit" !important;
}
