Spaltenköpfe im Nachrichtenfenster

    Hallo,

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

    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!

    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!

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

    Edited 2 times, last by Bastler: Zusatz (July 14, 2023 at 12:38 PM).

    Hallo,

    Quote from 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; }

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

    Quote from 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.

    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

    Edited once, last by DarkCorri53i (September 7, 2023 at 4:36 PM).

    Quote from 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

    Hallo Dharkness,

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

    Danke dir.

    Gruß

    Markus

    Quote from 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;
}

    und wech

    Dharkness

    Quote from 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;
}

    Edited once, last by Bastler (September 8, 2023 at 1:11 AM).

    Quote from 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

    Edited once, last by Mapenzi (September 8, 2023 at 11:24 AM).

    Quote from 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;
}

    Edited 2 times, last by Bastler: Code überarbeitet (September 8, 2023 at 2:15 PM).

    Quote from 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.