Schriftgröße in der Nachrichtenliste im TB 115.0

MSFreak

Moin liebe Kollegen,

der Threadtitel sagt schon, was ich gerne möchte und benötige Hilfe von euch Spezialisten.

Mit diesem Code konnte ich die ersten 6 Reihen die Schriftgröße anpassen

CSS

/* Schrift Nachrichten-Liste */
#threadTree-row0,#threadTree-row1,#threadTree-row2,#threadTree-row3,#threadTree-row4,#threadTree-row5
{
font-size: 16px !important;
font-family: Calbri !important; }
##threadTree treechildren > treechildren::-moz-tree-row {
height: 21px !important; }

Da aber die Listen z.T. 20 Nachrichten und mehr haben, ist es sehr mühsam den Code #threadTree-row zigmal einzufügen, gibt es da vielleicht ne andere Möglichkeit ?

Vielen Dank im Voraus und einen schönen Restsonntag.

Mapenzi

Bin gerade nicht vorm Computer.

Gibt es im Menü Ansicht Ei item zum einstellen der Schriftgrösse?

aus der Metro

MSFreak

Gibt es, aber die Schriftgröße ist dann für den gesamten Thunderbird, also für User mit schlechten Augen.

Bastler

Zitat von MSFreak

sehr mühsam den Code #threadTree-row zigmal einzufügen, gibt es da vielleicht ne andere Möglichkeit ?

Hallo,

folgender Code funktioniert bei mir im Beta 115, passt auch im Daily

CSS

/* ---Ordnerbaum anpassen--- */
.container {
  appearance: none !important;
height: 20px !important;
font-family: tahoma !important;
font-size: 13px !important;
}

.container:hover {
background-color: #CAE1FF !important;
color: black !important;
opacity: 1 !important;
}

/* ---Nachrichtenliste Trennlinie unter der Spaltenleiste--- */
.tree-table-header {
background-color: #F8F8F8 !important;
}

/* ---Nachrichtenliste zusaetzliche Trennlinien zu den Spaltenkoepfen--- */
#subjectColSplitter, #correspondentColSplitter, #dateColSplitter, #sizeColSplitter {
border-color: #CACACA !important;
}
#attachmentColButton, #unreadButtonColHeaderButton, #flaggedColButton {
border-right: 0.1px solid #CACACA !important;
}
.button-column-picker {
border-left: 0.1px solid #CACACA !important;
}

/* ---Nachrichtenliste anpassen--- */
tr[is="thread-row"] {
  appearance: none !important;
height: 20px !important;
font-family: tahoma !important;
font-size: 13px !important;
}

/* ---Trennlinien in Nachrichten-Liste (statt Zebra)--- */
 tr[is="thread-row"] {
  outline: 0.01px solid #EDEDED !important;
}

Alles anzeigen

MSFreak

@Bastler, vielen lieben Dank

Bastler

Zitat von MSFreak

vielen lieben Dank

Bitte gern, kleiner Hinweis:

die zusaetzlichen Trennlinien zu den Spaltenköpfen müssen je nach persönlicher Art / Auswahl entspr. angepasst werden.

Teilweise haben die keine Trennung oder sind für mich zu blass.

border-right: sollte für die meisten passen, ausser bei dem letzten rechten Spaltenkopf u.U. border-left: verwenden,

weil ich dem Button Spaltenauswahl schon border-left: zugeordnet habe, wäre ein border-right: an der Stelle doppelt.

MSFreak

@Bastler

Habe die Trennlinien entfernt, hätte gerne anstatt das Zebramuster wieder. Bin da am Probieren, beikomme es aber nicht hin

Bastler

Zitat von MSFreak

Bin da am Probieren, beikomme es aber nicht hin

Geht mir auch so.

MSFreak

@Bastler

kannst du mir bitte diesbezüglich weiterhelfen ? Dann wäre ich soweit mit der Beta "zufrieden" und konnte bis jetzt Elemente und andere Sachen per CSS-Codes anpassen. Auch wenn ich diese nicht produktiv eingesetzte bin aber immer neugierig auf was Neues

Zitat von Bastler

Geht mir auch so

... habe im Moment keinen Zugriff auf meinem Hostrechner (derzeit nur mit dem Laptop unterwegs), kann dir (euch) morgen aber den CSS-Code posten, der unter TB 102.12.0 nach meinem Wünschen funktioniert.

dharkness21

Hallo MSFreak und @Bastler,

ich weiß nicht, ob das ↓ unter Tb115.x funktioniert, aber hier erzeugt das das Zebramuster unter Tb116.x.

CSS

#threadTree tr {
    background-image: none !important;
    background-color: #0082FC !important;
}
#threadTree tr:nth-child(2n) {
    background-image: none !important;
    background-color: #00407c !important;
}
#threadTree tr.selected {
    background-image: none !important;
    background-color: #006800 !important;
}
#threadTree tr:nth-child(2n).selected {
    background-image: none !important;
    background-color: #006800 !important;
}
#threadTree tr:hover,
#threadTree tr.selected:hover,
#threadTree tr:nth-child(2n).selected:hover {
    background-image: none !important;
    background-color: #1C1B22 !important;
}

Alles anzeigen

Also einfach mal hoffen und testen.

MSFreak

dharkness21

Funktioniert, vielen lieben Dank

dharkness21

Zitat von MSFreak

Funktioniert, vielen lieben Dank

Aber gerne doch.

Mapenzi

Zitat von dharkness21

Also einfach mal hoffen und testen

95% meiner CSS-Code für TB 102.* funktionieren in TB 115 beta nicht mehr, darunter der für eine diskrete Zebrastreifung mit Berücksichtigung der Tag-Farben.

CSS

/*  Alternating row colors in thread pane */
#threadTree treechildren::-moz-tree-row(multicol, odd, untagged) {
  background-color: azure !important; }

#threadTree treechildren { 
background-color: #e8faf6 !important; }

#threadTree treechildren::-moz-tree-row(selected, untagged) {
  background-color: highlight !important; } 

#threadTree treechildren::-moz-tree-cell-text(untagged, selected, focus) {
  color: white !important; }

Alles anzeigen

Die zusätzlichen CSS-Code für die Tags habe ich hier mal weggelassen.

Da sieht bei mir so aus

Ich habe deinen Code hoffnungsvoll getestet, ist mir zu bunt und funktioniert nicht für die Tags.

Trotzdem danke, denn er hat mich etwas weiter gebracht und ich werde darauf aufbauen "trial & error")

MSFreak

Zitat von Mapenzi

Da sieht bei mir so aus

... und bei mir unter Windows so:

Mapenzi

Zitat von MSFreak

.. und bei mir unter Windows so:

Ist das deine eigener "Zebra" Code oder der von dharkness21?

MSFreak

Zitat von Mapenzi

Ist das deine eigener "Zebra" Code oder der von dharkness21?

... abgewandelt, mit der Theme "Dark Night Arcturus X" und dem von mir angepassten CSS-Code von dharkness21

CSS

/* Farbe "Zebramuster" Nachrichten-Liste */
#threadTree tr {
background-image: none !important;
background-color: #25384A !important;}
#threadTree tr:nth-child(2n) {
background-image: none !important;
background-color: #18181B !important;}
#threadTree tr.selected {
background-image: none !important;
background-color: #264765 !important;}
#threadTree tr:nth-child(2n).selected {
background-image: none !important;
background-color: #264765 !important;}
#threadTree tr:hover,
#threadTree tr.selected:hover,
#threadTree tr:nth-child(2n).selected:hover {
background-image: none !important;
background-color: #275C91 !important;}

Alles anzeigen

Mapenzi

Merci

MSFreak

Hier zum Experimentieren meine userChrome.css mit der Beachtung, dass diese Code-Leichen hat, welche unter der Beta und "Dark Night Arcturus X" nicht mehr zum Tragen kommen, war nur zu faul aufzuräumen

CSS

/* Tab-Line entfernen */
.tab-line[selected] { 
display:none!important; }


/* Neue Mails hervorheben */
treechildren::-moz-tree-cell-text(new) {
color: #F3E2A9 ! important; } 


/* Farbe Verfassen-Button */
#folderPaneWriteMessage {background: #25384A !important;}


/* Farbe selektierte Ordnerlisten */
treechildren::-moz-tree-row(selected) {
-moz-appearance: none !important;
background-color: #474749  !important;
border: none !important; }
treechildren::-moz-tree-row(selected, focus) {
-moz-appearance: none !important;
background-color: #474749  !important; }
treechildren::-moz-tree-row(selected, hover),
treechildren::-moz-tree-row(selected, focus, hover) {
background-color: #474749  !important; }


/* Farbe Kontenbezeichnung Ordner und Icon */
#folderTree > treechildren::-moz-tree-cell-text(isServer-true) {
font-family: New York !important;
font-size: 15px !important;
color: #F3E2A9 !important; }

.tabmail-tab[type="folder"][ServerType="imap"],
treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-imap)  
{ moz-appearance:none !important; fill: #F3E2A9 !important; }

treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox) {
color: #F3E2A9 !important; } 
treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Junk) {
color: #FA8258 !important; }
treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Sent) {
color: #5FB404 !important; }
treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Trash) {
color: #A4A4A4 !important; }
treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Templates) {
color: #F5D0A9 !important; }
treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Drafts) {
color: #F4A460 !important; } 


/* Farbe Lokale Ordner und Icon */
#folderTree > treechildren::-moz-tree-cell-text(folderNameCol, isServer-true, serverType-none) {
font-weight: bold !important; 
font-family: New York !important;
font-size: 15px !important;
color: lightgrey !important; }

.tabmail-tab[type="folder"][ServerType="none"],
treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none)  
{ moz-appearance:none !important; fill: lightgrey !important; }


/* Farbe der Stausleiste */
#status-bar {
background: #323335 !important; }


/* Tab-Line entfernen */
.tab-line[selected] { 
display:none!important; }
  

/* Schrift Überschrift Auswahl Ordnerliste */
/* ---Symbolleiste Konten- Ordneransicht Hoehe--- */
#folderPaneHeader {
max-height: 23px !important;
min-height: 18px !important;
border-bottom: 1px solid gray !important;}


/* Schrift Konten-Ordner-Liste */
#folderTree {
font-size: 16px !important;
font-family: Calibri !important; }
#folderTree > treechildren::-moz-tree-row {
height: 21px !important; }


/* Optimierung Nachrichten-Liste */
tr[is="thread-row"] {
  appearance: none !important;
height: 21px !important;
font-family: Calbri !important;
font-size: 16px !important; }
#threadPaneHeaderBar.list-header-bar {display:none !important;}
#quickFilterBarContainer {display:none !important;}
#quick-filter-bar {display:none !important;}


/* Farbe "Zebramuster" Nachrichten-Liste */
#threadTree tr {
background-image: none !important;
background-color: #25384A !important;}
#threadTree tr:nth-child(2n) {
background-image: none !important;
background-color: #18181B !important;}
#threadTree tr.selected {
background-image: none !important;
background-color: #264765 !important;}
#threadTree tr:nth-child(2n).selected {
background-image: none !important;
background-color: #264765 !important;}
#threadTree tr:hover,
#threadTree tr.selected:hover,
#threadTree tr:nth-child(2n).selected:hover {
background-image: none !important;
background-color: #275C91 !important;}

/* Farbe "Zebramuster" Nachrichten-Liste 
#threadTree treechildren::-moz-tree-row(even) {
background-image: none !important;
background-color: #4c4c51 !important;}
#threadTree treechildren::-moz-tree-row(selected) {
background-color: #316666 !important;
border: none !important} */


/* Farbe Einträge im Kontextmenü */
#mailContext-delete {
-moz-appearance: none !important;
color:red !important;}
#mailContext-delete:hover {
-moz-appearance: none !important;
background: darkred !important;
color: white !important;}
#mailContext-copyMenu {
-moz-appearance: none !important;
color:lightgreen !important;}

.folderMenuItem.menu-iconic[label="Lokale Ordner"] {
color: lightgreen !important;}


/* Farbe "Verfassen" Toolbar */
#button-send[disabled] {
background: gray !important;
color: darkgrey !important; }
#button-send:not([disabled]) {
background: green !important; }
#expand_mailing_lists_davero_addons_mozilla_org-composeAction-toolbarbutton.toolbarbutton-1.webextension-action 
{color:black !important;
background: cadetblue !important; }


/* Verfassen Fenster beide Buttons "Kopie(CC)" "Blindkopie(BCC)" neben "Von" ausblenden */
#addr_ccShowAddressRowButton,
#addr_bccShowAddressRowButton {
display: none !important;}
/* Verfassen Fenster "Kopie(CC)" wieder einblenden */
#addressRowCc.address-row.hidden {display: flex !important; } 
/* Verfassen Fenster "Blindkopie(BCC)" wieder einblenden */
#addressRowBcc.address-row.hidden {display: flex !important; } 
/* Verfassen Fenster [Kontakt-Seitenleiste] "Kopie(CC)" ausblenden */
#ccButton {display: none !important; }


/* Farbe und Text Dateianhang */ 
#attachmentBar {
color: black !important; background-color: cadetblue !important; }    
#attachmentInfo #attachmentSize {
color: blue !important; font-weight: bold !important; }
/* Zweite Reihe */
.attachmentcell-text .attachmentcell-size {
color: white !important; font-weight: bold !important; }


/* Seitenleiste Aufgaben und Chat Button ausblenden */
#chatButton.spaces-toolbar-button {
display: none !important;}
#tasksButton.spaces-toolbar-button {
display: none !important;}


/* Farbe in der Nachricht Absender / Enpfänger allgemein */
#expandedfromRow .emaillabel {
 color: #98F5FF; font-weight: bold !important; }
 #expandedtoRow .emaillabel {
 color: #FFD39B; font-weight: bold !important; }
 #expandedccRow .emaillabel {
 color: #FFD39B; font-weight: bold !important; }
 #expandedbccRow .emaillabel {
 color: yellow; font-weight: bold !important; }


/* Menüleiste "Termine und Aufgaben" ausblenden */
#mail-menubar menu#menu_Event_Task {display: none !important;} 


/* Farbe AppMenu */
#button-appmenu {color:#98F5FF !important;}


/* Farbe AddOns-Button */
#button-addons {fill:#66CD00 !important;}


/* Farbe Trash-Button */
#hdrTrashButton {fill: red !important;}


/* New-Tab-Button ausblenden */
#new-tab-button {display:none !important;}


/* Farbe Close Button */
.titlebar-close { background-color: #4C4C50 !important;}
.titlebar-close:hover { background-color: #E81123 !important;}

Alles anzeigen

Schriftgröße in der Nachrichtenliste im TB 115.0

MSFreak 11. Juni 2023 um 14:41

MSFreak 11. Juni 2023 um 20:32

MSFreak 11. Juni 2023 um 20:32

Community-Bot 3. September 2024 um 21:00

Thunderbird 138.0.1 veröffentlicht

Thunderbird 128.10.1 ESR veröffentlicht

Ähnliche Themen

102.4.2 Aufgabenbeschreibung Schrift Größe

Winzige Schriftart im Verfassen-Fenster

Mails werden im Posteingangsfenstere nicht mehr angezeigt

Schriftgröße in XNote++

Vers 91.4.1 64bit - kann die Schriftgröße nicht einstellen

Ist in der Nachrichtenliste eine mehrzeilige Darstellung pro E-Mail möglich?