Spaltenköpfe im Nachrichtenfenster

Elbfischer

Hallo,

bis zur v112.x konnte ich mit folgendem css-code

CSS

/* ******************************************* */
/* Hintergrundfarbe der Spaltenüberschriften   */
/* ******************************************* */
.treecol, .treecols, .treecol-image,
#starCol, #threadCol, #recipientCol, #junkStatusCol, #statusCol, #sizeCol, #accountCol, 
#senderCol, #locationCol, #dateCol, #attachmentCol, #subjectCol, #correspondentCol,
#receivedCol {
  -moz-appearance: none !important;
  background: #dddddd !important;
  font-weight: bold !important;
  color: black !important;
}

Alles anzeigen

die Hintergrundfarbe und die Schrift-Auszeichnung der Spaltenköpfe beeinflussen.

In der v115 bewirkt der code nur noch die Änderung der Hintergrundfarbe, aber die Schrift bleibt normal statt fett.

Könnte mir jemand mit einem funktionieren css-code helfen?

1000 Dank im voraus und schönes Wochenende!

Bastler

Hallo,

bei den meisten muss Button angehängt werden, einige haben geänderte Benennung. Ich habe entspr. auskommentiert.

Versuche folgenden Code, aber nicht mit dem Alten zusammen!

CSS

/* ******************************************* */
/* Hintergrundfarbe der Spaltenüberschriften   */
/* ******************************************* */
/* .treecol, .treecols, .treecol-image, */
/* #starCol, */
.button-column-picker,
#flaggedColButton, #threadColButton, #recipientColButton, #junkStatusColButton, #statusColButton, #sizeColButton, #accountColButton, 
#senderColButton, #locationColButton, #dateColButton, #attachmentColButton, #subjectColButton, #correspondentColButton,
#receivedColButton, #unreadButtonColHeaderButton {
  -moz-appearance: none !important;
  background: #dddddd !important;
  font-weight: bold !important;
  color: black !important;
}

Alles anzeigen

Falls etwas nicht ist wie es soll, am besten einen Screenshot vom gewünschten Umfeld posten.

Mapenzi

Hallo,

Zitat von Elbfischer

bis zur v112.x konnte ich mit folgendem css-code

Dieser Code für die Schriftvarianten in den Spaltenköpfen in der v102 lässt sich wesentlich vereinfachen.

Hier einer mit fünf verschiedenen Schrift-Eigenschaften gültig für alle Spaltenköpfe (erspart die Aufzählung)

CSS

#threadCols treecol {
background-color: #e4eff1 !important; 
font-weight: bold !important;
font-size: 12.5px !important;
color: blue !important; 
font-style: italic !important; }

In der v115 wird das wesentlich komplexer mit viel trial & error.

Mit dem folgenden Code erreiche in ungefähr das selbe wie mit dem vorigen, aber die Schriftgröße kann ich einfach nicht beeinflussen:

CSS

.tree-table-cell-container {
background-color: #e4eff1 !important;
font-family: Arial !important;
font-style: italic !important;
font-size: px !important;
color: green !important; }

milupo

Zitat von Mapenzi

Aber die Schriftgröße kann ich einfach nicht beeinflussen:

Du hast ja auch nur die Einheit angegeben.

Mapenzi

Auf diesen Einwand habe ich schon gewartet😄

Die Anzahl der Pixel habe ich absichtlich weg gelassen, weil es bei mir keine Wirkung hat.

milupo

@Bastler -moz-appearance ist durch appearance abgelöst worden, das sollte mit Version 115 auch Thunderbird erreicht haben.

Bastler

Zitat von milupo

-moz-appearance ist durch appearance abgelöst worden

Danke, darauf hatte ich nicht geachtet. Ich hatte primär die Bezeichner im Fokus und die Vorlage von Elbfischer angepasst.

DarkCorri53i

Mapenzi

Hallo Mapenzi,

ich habe es folgendermaßen gelöst die Schriftgröße in deinem Code aus Beitrag #3 doch zu vergrößern. Eventuell mußt du noch die Spalten etwas anpassen (ziehen oder zusammenschieben)

CSS

.tree-table-cell-container {
appearance: none !important;
transform: scale(1.1, 1.1) !important;
background-color: #e4eff1 !important;
font-family: Arial !important;
font-style: italic !important;
color: green !important; }
.tree-table-cell-container:hover {
color: lightcoral !important; }

Probiere es mal aus. Habe noch die Schriftfarbe beim hovern geändert. Kann man besser lesen.

Gruß

Markus

Mapenzi

Zitat von DarkCorri53i

ich habe es folgendermaßen gelöst die Schriftgröße in deinem Code aus Beitrag #3 doch zu vergrößern.

Danke für deinen Vorschlag mit

CSS

transform: scale(1.1, 1.1) !important;

Dieser Code vergrößert zwar etwas die Schrift in der Spalten-Leiste, wenn man allerdings scale entsprechende erhôht, verschieben sich gleichzeitig die Spaltennamen nach links, sodass die ersten Buchstaben unsichtbar werden.

Ich komme mit dem Code von darkhness sehr gut zurecht:

CSS

.tree-table-header tr th div button {
font-size: 13px !important;
.......          !important; }

Da ich gleichzeitig mit dem Einstellen der Spaltenbreiten auf dem Kriegsfuß stehe - wer bloß hat dieses Gedulds- oder Geschicklichkeits-? Spiel erfunden - , bleibe ich bei meinem jetzigen Code!

dharkness21

Zitat von Mapenzi

Mit dem folgenden Code erreiche in ungefähr das selbe wie mit dem vorigen, aber die Schriftgröße kann ich einfach nicht beeinflussen:

Teste mal bitte mal das ↓

CSS

th[is="tree-view-table-header-cell"] > .tree-table-cell > button {
    font-size: 20px !important;
}

DarkCorri53i

dharkness21

Hallo Dharkness,

dein Code ist wieder einmal supi. Habe meinen Code entsprechend geändert. Sieht jetzt so aus:

CSS

/* ******************************************* */
/* Hintergrundfarbe der Spaltenueberschriften   */
/* ******************************************* */
/* .treecol, .treecols, .treecol-image, */
/* #starCol, */
 th[is="tree-view-table-header-cell"] > .tree-table-cell > button,
 .tree-table-header tr th button {
  appearance: none !important;
  background: #e4eff1!important;
  font-weight: bold !important;
  font-family: Comic Sans MS !important;
  font-style: italic!important;
  font-size: 14px !important;
  color: #006400 !important;
  
}

/* Schrift und Button bei hover färben: Total, Unread, Subject usw. */
th[is="tree-view-table-header-cell"] > .tree-table-cell > button:hover,
.tree-table-header tr th button:hover { 
  appearance: none !important;
  background-color: lightblue !important;
  color: lightcoral !important;

}

Alles anzeigen

Danke dir.

Gruß

Markus

dharkness21

Zitat von DarkCorri53i

dein Code ist wieder einmal supi.

Aber gerne doch.

Mapenzi

Zitat von dharkness21

Teste mal bitte mal das ↓

Danke bestens. Funktioniert genau so wie dein anderer Code, jetzt habe ich die Qual der Wahl

Da wir gerade in der Spaltenliste sind:

die Höhe letzterer beansprucht bei mir fast doppelt so viel Platz wie in der Version 102, und ich schaffe es nicht, sie zu verringern.

Hast du eine Idee?

dharkness21

Zitat von Mapenzi

die Höhe letzterer beansprucht bei mir fast doppelt so viel Platz wie in der Version 102, und ich schaffe es nicht, sie zu verringern.
Hast du eine Idee?

Hm, teste mal das ↓, aber es wird sich wohl auch auf die Mail-Zeilen und nicht nur auf die Header-Zeile auswirken.

CSS

table[is="tree-view-table"] {
  line-height: 20px !important;
}

Schau mal zusätzlich, ob Du es damit ↓ auf die Header-Zeile begrenzen kannst.

CSS

table[is="tree-view-table"] > thead > tr > th {
  line-height: 20px !important;
}

Mapenzi

Zitat von dharkness21

Hm, teste mal das ↓

Danke für deine Mühe! Leider funktioniert keiner der beeiden Code sowie unzählige Varianten davon, die ich getestet habe.

Bastler

Zitat von Mapenzi

die Höhe letzterer beansprucht bei mir fast doppelt so viel Platz wie in der Version 102,

Hallo,

ich hätte eine Ahnung weiß aber nicht, ob was ich denke, im richtigen Umfeld ist.

Kannst Du bitte einen Screenshot einstellen?

Die Vorahnung wäre dieses:

CSS

/* ---Nachrichtenliste min Hoehe anpassen--- */
#threadPane {
appearance: none !important;
min-height: 128px !important;
}

Mapenzi

Zitat von Bastler

Kannst Du bitte einen Screenshot einstellen?

Ja natürlich, hier ist er:

Ich meine den direkt über der Nachrichtenliste gelegenen Bereich (Rechteck), der die Spaltenköpfe enthält. In früheren Versionen hieß der #threadCols bzw treecols

Der folgende Screenshot wurde in meinem TB 102 Profil gemacht

s

Bastler

Zitat von Mapenzi

Bereich (Rechteck), der die Spaltenköpfe enthält

Folgendes sollte wirken

CSS

/* --Spaltenleiste Hoehe anpassen--- */
.tree-table,
.tree-table-header {
appearance: none !important;
 --tree-header-table-height: 20px !important;
}

Mapenzi

Zitat von Bastler

Folgendes sollte wirken

Super

Bastler

Zitat von Mapenzi

Super

Freut mich.

Der Code in #16 ist auch brauchbar, weil im 115.x die Nachrichenliste dann wieder weiter nach oben verkleinert werden kann.

D.h. mehr Platz für die Nachricht darunter zum Betrachten.

Spaltenköpfe im Nachrichtenfenster

Thunderbird 139.0.2 veröffentlicht

Thunderbird 128.11.1 ESR veröffentlicht

Ähnliche Themen

'Toggle'-Funktion bei Rechtsklick auf Spaltenköpfe (Betreff, Von, Datum, usw.)