Spaltenköpfe im Nachrichtenfenster

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!

/* ******************************************* */
/* 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;
}

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

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)

#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:

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

Auf diesen Einwand habe ich schon gewartet😄

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

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.

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)

.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

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

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:

.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!

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 ↓

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

dharkness21

Hallo Dharkness,

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

/* ******************************************* */
/* 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;

}

Danke dir.

Gruß

Markus

Zitat von DarkCorri53i

dein Code ist wieder einmal supi.

Aber gerne doch.

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?

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.

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

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

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

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.

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:

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

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

Zitat von Mapenzi

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

Folgendes sollte wirken

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

Zitat von Bastler

Folgendes sollte wirken

Super

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.