1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 153 ESR (2026)
    3. Thunderbird 140 ESR (2025)
    4. Thunderbird Beta Version
    5. Language Pack (User Interface)
    6. Dictionaries (Spell Check)
  4. Help & Lexicon
    1. Instructions for Thunderbird
    2. Questions & Answers (FAQ) about Thunderbird
    3. Help for this Website
    4. Last Changes
  5. Forums
    1. Unresolved Threads
    2. Latest Posts
    3. Threads of the last 24 hours
  • Login
  • Register
  • 
  • Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Forum
  • Lexicon
  • Articles
  • Pages
  • More Options
  1. Thunderbird Mail DE
  2. Forum
  3. Hilfe zu Add-ons und manuellen Anpassungen
  4. Manuelle Anpassungen per CSS oder Script

Kartenansicht nach Neuinstallation dreizeilig, selbst ohne Vorschau. Wer hilft mir?

    • Release Channel
    • Windows
  • Munggel
  • April 6, 2025 at 11:07 AM
  • Closed
  • Thread is Unresolved
  • Munggel
    Member
    Posts
    22
    Member since
    18. Sep. 2011
    • April 6, 2025 at 11:07 AM
    • #1

    Hallo liebe Community

    Ich möchte nach einer Neuinstallation des Systems gerne meine Thunderbird-Ansicht mit der userChrome.css wieder schön herstellen. Leider sieht diese neu installierte Version überhaupt nicht mehr so aus, wie ich das gewohnt bin, und selbst mehrstündige ChatGPT-Prompts scheinen nicht dorthin zu führen, wo ich will (und ich denke, das ist gar nicht viel)...

    Konkret: Heute habe ich drei Zeilen in der Kartenansicht der Mails, obwohl ich keine Nachrichtenvorschau nutzen möchte. Zudem erscheint hinter dem Absender noch die E-Mailadresse in Klammern, was aus meiner Sicht enorm unübersichtlich wird.

    Aussehen aktuell:

    Mein Ziel:

    1. Die E-Mail-Adresse soll nicht in Klammer erscheinen (siehe rot unterstrichen)

    2. Diese dritte Zeile, welche leer ist, soll inkl. dem Markierungsstern verschwinden, so dass ich die Kartenhöhe verringern kann

    Kann mir jemand helfen?

    Ich verwende Thunderbird 137.0.1 auf Windows 11 Home (beides aktuell)

    Vielen Dank!!

  • dharkness21
    Senior Member
    Reactions Received
    498
    Posts
    2,094
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • April 6, 2025 at 11:28 AM
    • #2
    Quote from Munggel

    1. Die E-Mail-Adresse soll nicht in Klammer erscheinen (siehe rot unterstrichen)

    Da muss ich passen, ich sehe da keine Möglichkeit.

    Quote from Munggel

    2. Diese dritte Zeile, welche leer ist, soll inkl. dem Markierungsstern verschwinden, so dass ich die Kartenhöhe verringern kann

    Test dieses ↓ CSS-Schnipsel in der userChrome.css.

    CSS
    /* Thread-Card von 3 auf 2 Zeilen reduzieren. */
    [is="thread-card"] {
        height: 44px !important;
    }
    
    .thread-card-column:nth-child(2) {
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "sender sender"
            "subject icons";
    }
    .thread-card-row:first-child {
        grid-area: sender;
    }
    Display More

    Mit dem Wert von 44px beim ersten Eintrag kannst Du noch ein wenig spielen.

    und wech

    Dharkness

  • Munggel
    Member
    Posts
    22
    Member since
    18. Sep. 2011
    • April 6, 2025 at 11:53 AM
    • #3

    Herzlichen Dank für die rasche Reaktion, Dharkness! Hat super geklappt.

    Noch kurz zur E-Mail in Klammern: Gibt es andere Möglichkeiten, wie z.B. den Fett-Druck weglassen, oder kann man nur den gesamten Absender inkl. Adresse formatieren? Hast du noch irgendeine Idee?

    Lieben Dank!

  • Grisu2099
    Senior Member
    Reactions Received
    520
    Posts
    728
    Member since
    8. Oct. 2023
    Helpful answers
    8
    • April 6, 2025 at 11:58 AM
    • #4
    Quote from Munggel

    1. Die E-Mail-Adresse soll nicht in Klammer erscheinen (siehe rot unterstrichen)

    Geht ganz ohne CSS mit Bordmitteln...

    Einstellungen -> Allgemein -> Lesen & Ansicht -> Nachrichtenliste. Dort dürfte jetzt  Vollständiger Name und E-Mail-Adresse ausgewählt sein. Ändern auf: Nur Name

  • Munggel
    Member
    Posts
    22
    Member since
    18. Sep. 2011
    • April 6, 2025 at 12:01 PM
    • #5
    Quote from Grisu2099
    Quote from Munggel

    1. Die E-Mail-Adresse soll nicht in Klammer erscheinen (siehe rot unterstrichen)

    Geht ganz ohne CSS mit Bordmitteln...

    Einstellungen -> Allgemein -> Lesen & Ansicht -> Nachrichtenliste. Dort dürfte jetzt Vollständiger Name und E-Mail-Adresse ausgewählt sein. Ändern auf: Nur Name

    Genial - herzlichen Dank, Grisu2099 - vor lauter Code das Menu ignorieren, Klassiker :D

  • Munggel
    Member
    Posts
    22
    Member since
    18. Sep. 2011
    • April 6, 2025 at 12:07 PM
    • #6

    Dürfte ich noch eine Folgefrage stellen?
    Wie kann ich jetzt die Schriftarten bzw. Farben der ersten (Absender) bzw. zweiten Zeile (Subject) individuell anpassen? Z.B. die Absendergrösse auf 16px setzen? Diese Codes hier aus einem Prompt haben nicht funktioniert :-(

    /* Absender in Kartenansicht vergrößern */ .message-header-card .address-container { font-size: 16px !important; /* Schriftgröße anpassen */ font-weight: bold !important;

    /* Absenderzeile vergrößern */ .sender-and-subject > .header-name { font-size: 16px !important; /* Schriftgröße anpassen */ font-weight: bold !important; /* Optional: Fettschrift */ }

  • Grisu2099
    Senior Member
    Reactions Received
    520
    Posts
    728
    Member since
    8. Oct. 2023
    Helpful answers
    8
    • April 6, 2025 at 12:09 PM
    • #7

    Gern geschehen. Ich finde die Anzeige mit E-Mail-Adresse besser - hilft eventuell auch bei der Erkennung von gefaketen Mails... ;)

  • Grisu2099
    Senior Member
    Reactions Received
    520
    Posts
    728
    Member since
    8. Oct. 2023
    Helpful answers
    8
    • April 6, 2025 at 12:34 PM
    • #8
    Quote from Munggel

    Wie kann ich jetzt die Schriftarten bzw. Farben der ersten (Absender) bzw. zweiten Zeile (Subject) individuell anpassen?

    Bitte testen:

    CSS
    #threadTree[rows="thread-card"] {
    		& .card-layout {
    			& td {
    				& .card-container {
    					& :is(.sender, .subject) {
    						color: blue !important;
    						font-size: 16px !important;
    						font-weight: bold !important;
    					}
    				}
    			}
    		}
    	}
    Display More

    Farbe und Schriftgröße evtl. noch anpassen...

  • Munggel
    Member
    Posts
    22
    Member since
    18. Sep. 2011
    • April 6, 2025 at 12:43 PM
    • #9
    Quote from Grisu2099

    Bitte testen:

    CSS
    #threadTree[rows="thread-card"] {
    		& .card-layout {
    			& td {
    				& .card-container {
    					& :is(.sender, .subject) {
    						color: blue !important;
    						font-size: 16px !important;
    						font-weight: bold !important;
    					}
    				}
    			}
    		}
    	}
    Display More

    Farbe und Schriftgröße evtl. noch anpassen...

    Vielen Dank, Grisu2099 . Das hat etwas bewirkt (= cool), aber leider auch etwas Chaos angerichtet.

    Frage 1: wie kriege ich den Absender wieder nach oben

    Frage 2: wie kann ich das Code-Fragment einzeln definieren? Also .sender und .subject auseinanderziehen? Bin leider nicht so versiert und weiss nicht, welchen Block ich kopieren muss. Einzeln (z.B. ohne .subject) hab ich hinbekommen. Aber zwei Mal separat hat dann nicht mehr geklappt :-(

    Aktuelle Ansicht:

  • Grisu2099
    Senior Member
    Reactions Received
    520
    Posts
    728
    Member since
    8. Oct. 2023
    Helpful answers
    8
    • April 6, 2025 at 1:11 PM
    • #10
    Quote from Munggel

    Frage 1: wie kriege ich den Absender wieder nach oben

    Da funkt dir noch was anderes dazwischen... :/

    Zu 2. teste bitte:

    CSS
    #threadTree[rows="thread-card"] {
    		& .card-layout {
    			& td {
    				& .card-container {
    					& :is(.sender) {
    						color: blue !important;
    						font-size: 16px !important;
    						font-weight: bold !important;
    					}
    				}
    			}
    		}
    	}
    #threadTree[rows="thread-card"] {
    		& .card-layout {
    			& td {
    				& .card-container {
    					& :is(.subject) {
    						color: red !important;
    						font-size: 16px !important;
    						font-weight: bold !important;
    					}
    				}
    			}
    		}
    	}
    Display More
  • Munggel
    Member
    Posts
    22
    Member since
    18. Sep. 2011
    • April 6, 2025 at 1:43 PM
    • #11
    Quote from Grisu2099

    Da funkt dir noch was anderes dazwischen... :/

    Wohl wahr - hab mal restliche Code-Bestandteile (nennen wie sie "Altlasten") entfernt. Damit hat dein Code einwandfrei funktioniert. Benötige die anderen "tweaks" eh nicht in der neuen Version von TB, von daher, perfekt.

    Herzlichen Dank, erneut - macht Freude!

    lg aus Zürich

  • Grisu2099
    Senior Member
    Reactions Received
    520
    Posts
    728
    Member since
    8. Oct. 2023
    Helpful answers
    8
    • April 6, 2025 at 1:59 PM
    • #12
    Quote from Munggel

    macht Freude!

    Aber Vorsicht! CSS kann süchtig machen... :D:D

  • dharkness21
    Senior Member
    Reactions Received
    498
    Posts
    2,094
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • April 6, 2025 at 3:01 PM
    • #13
    Quote from Munggel

    Benötige die anderen "tweaks" eh nicht in der neuen Version von TB, von daher, perfekt.

    Einer ist noch interessant, damit ↓ kann man die Schlagwörter in der Kartenansicht besser unterscheiden.

    CSS
    /* Schlagwörter in der Kartenansicht auseinander ziehen. */
    tr[data-properties~="tagged"] .thread-card-icon-info .thread-card-tags-info {
        gap: 14px !important;
    }

    und wech

    Dharkness

  • Community-Bot April 7, 2026 at 4:30 AM

    Closed the thread.

Current app version

  • Thunderbird 158.0 veröffentlicht

    Thunder October 14, 2026 at 3:20 PM

Current 153 ESR version

  • Thunderbird 153.5.0 ESR veröffentlicht

    Thunder October 14, 2026 at 2:14 AM

Current 140 ESR version

  • Thunderbird 140.17.0 ESR veröffentlicht

    Thunder September 29, 2026 at 9:44 PM

No Advertisements

There are no advertisements here. Maybe you give the website owner (Alexander Ihrig - aka "Thunder") instead something to be able to finance these sites in the long run. Many Thanks!

Thank you for the support!

Coffee to be spent?

Donate now via Paypal*

*Forwarding to PayPal.Me

Similar Threads

  • TB 128 css Befehl für Kartenansicht haben sich geändert, gibt es eine neu Liste?

    • heinzie
    • July 29, 2024 at 7:17 AM
    • Manuelle Anpassungen per CSS oder Script
Thunderbird Mail DE
  1. Imprint & Contact
  2. Privacy Policy
    1. Cookie Policy
  3. Terms of Use
  4. Donation Call for Thunderbird
Help for this website
  • All website support articles
  • How to use website search
  • How to create a forums user account
  • How to create and edit a forums thread
  • How to reset your forums password
Copyright © 2003-2026 Thunderbird Mail DE

You are NOT on an official page of the Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, Seamonkey®, XUL™ and the Thunderbird logo are (among others) registered trademarks of the Mozilla Foundation.

Powered by WoltLab Suite™