1. Startseite
  2. Nachrichten
  3. Herunterladen
    1. Thunderbird Release-Version
    2. Thunderbird 128 ESR
    3. Thunderbird 115 ESR
    4. Thunderbird Beta-Version
    5. Sprachpaket (Benutzeroberfläche)
    6. Wörterbücher (Rechtschreibprüfung)
  4. Hilfe & Lexikon
    1. Anleitungen zu Thunderbird
    2. Fragen & Antworten (FAQ) zu Thunderbird
    3. Hilfe zu dieser Webseite
  5. Forum
    1. Unerledigte Themen
    2. Letzte Beiträge
    3. Themen der letzten 24 Stunden
  • Anmelden
  • Registrieren
  • 
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Forum
  • Lexikon
  • Artikel
  • Seiten
  • Erweiterte Suche
  1. Thunderbird Mail DE
  2. Forum
  3. Hilfe zu Add-ons und manuellen Anpassungen
  4. Manuelle Anpassungen per CSS oder Script

Icons und Zeilenabstand Ordnerliste vergrößern

    • 115.*
    • Windows
  • mjth.ffb
  • 21. August 2023 um 22:48
  • Geschlossen
  • Erledigt
  • mjth.ffb
    Mitglied
    Reaktionen
    16
    Beiträge
    35
    Mitglied seit
    19. Aug. 2023
    Hilfreiche Antwort
    1
    • 21. August 2023 um 22:48
    • #1

    Servus zusammen,

    ich bräuchte mal Hilfe bei Änderung der Icongröße und des Zeilenabstands in der Ordnerliste:

    Der alte Code (Vers. 102.*) war:

    CSS
    [tt]
    /* Zeilenabstand Konten-Ordner-Liste */
    #folderTree > treechildren::-moz-tree-row {
    height: 35px !important;
    min-height: 0px !important; }
    
    /* Größe Ordnericons */ 
    #folderTree > treechildren::-moz-tree-image {
    height: 24px !important;
    width: 24px !important; }
    
    [/tt]
    Alles anzeigen

    Wie muss ich den anpassen?

    Gibt es weiterhin eine Möglichkeit, die Spaltengröße in der Kartenansicht der Nachrichtliste zu verändern/vergrößern. Selbst im Tabletmodus ist mir das noch zu schmal:

    Vielen Dank im Voraus

    Mikey

  • Zur hilfreichsten Antwort springen
  • Bastler
    Gast
    • 21. August 2023 um 23:14
    • #2
    Zitat von mjth.ffb

    Gibt es weiterhin eine Möglichkeit, die Spaltengröße in der Kartenansicht der Nachrichtliste zu verändern/vergrößern.

    Hallo,

    versuche diese Möglichkeiten, bevor CSS nötig wird:

  • mjth.ffb
    Mitglied
    Reaktionen
    16
    Beiträge
    35
    Mitglied seit
    19. Aug. 2023
    Hilfreiche Antwort
    1
    • 21. August 2023 um 23:21
    • #3

    @Bastler

    danke für die schnelle Antwort, aber ich schrieb bereits das ich schon im Tabletmodus bin. War nur der falsche Ausdruck, sorry. Also gewählte Dichte "Entspannt"

    Viele Grüße

    Mikey

  • Bastler
    Gast
    • 21. August 2023 um 23:39
    • #4

    Dann versuche Folgendes:

    CSS
    /* ---Ordnerbaum Abstaende--- */
    .container {
    appearance: none !important;
    height: 30px !important;
    font-family: Tahoma !important;
    font-size: 18px !important;
    }
    
    #folderTree .icon {
    appearance: none !important;
    transform: scale(1.5, 1.5) !important;
    }
    
    /* ---Nachrichtenliste Abstaende-- */
    tr[is="thread-row"] {
    appearance: none !important;
    height: 30px !important;
    font-family: Tahoma !important;
    font-size: 18px !important;
    }
    Alles anzeigen
  • mjth.ffb
    Mitglied
    Reaktionen
    16
    Beiträge
    35
    Mitglied seit
    19. Aug. 2023
    Hilfreiche Antwort
    1
    • 22. August 2023 um 08:57
    • #5

    @Bastler

    die Codes für den Ordnerbaum funktionieren einwandfrei. Vielen Dank dafür!

    Der Code für die Nachrichtenliste funktioniert für die Tabellenansicht.

    Ich benutze die Kartenansicht (zweizeilige Darstellung). Da geht der leider nicht.

    Grüße

    Mikey

  • Bastler
    Gast
    • 22. August 2023 um 13:57
    • Hilfreichste Antwort
    • #6
    Zitat von mjth.ffb

    Ich benutze die Kartenansicht (zweizeilige Darstellung)

    Sollte jetzt besser sein, ist noch ausbaufähig. | Den vorigen Code /* ---Nachrichtenliste Abstaende-- */ auskommentieren oder löschen.

    CSS
    /* ---Kartenansicht--- */
    .thread-card-container {
    appearance: none !important;
    height: 60px !important;
    border: 0.1px solid #CACACA !important;
    }
    .thread-card-row,
    .subject {
    font-size: 15px !important;
    }

    Einmal editiert, zuletzt von Bastler (22. August 2023 um 14:17)

  • mjth.ffb
    Mitglied
    Reaktionen
    16
    Beiträge
    35
    Mitglied seit
    19. Aug. 2023
    Hilfreiche Antwort
    1
    • 22. August 2023 um 14:27
    • #7

    @Bastler

    Perfekt, genau so wollt ich`s haben. Vielen Dank für Deine Hilfe!!

    Viele Grüße

    Mikey

  • mjth.ffb 22. August 2023 um 14:27

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.
  • DarkCorri53i
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 23. August 2023 um 05:42
    • #8

    @Bastler

    Hallo Bastler,

    ich habe gerade auch deinen Code ausprobiert und für mich angepasst. Wirklich klasse.

    Jetzt ist mir noch folgendes aufgefallen, weil ich in der Tabellenansicht der Nachrichtenliste die Farbe für die selektierte Mail geändert habe mit folgendem Code:


    CSS
    /*  Ausgewähltes Element in der Nachrichtenliste */
    [is="tree-view-table-body"]:focus tr[is="thread-row"].selected,
    [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected,
    [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
    background-color: lightpink !important;
    Color: blue !important;
    }

    In der Kartenansicht wird beim Selektieren der Mail zwar die Farbe erst geändert aber beim hovern weg von der Mail wird die Mail wieder blau dargestellt. Dies passiert in der Tabellenansicht nicht. Hast du eine Idee wie es auch in der Kartenansicht mit der dauerhaften Farbänderung klappt?

    Gruß

    Markus

    Einmal editiert, zuletzt von graba (23. August 2023 um 10:34) aus folgendem Grund: Code-Tags gesetzt

  • Bastler
    Gast
    • 23. August 2023 um 14:47
    • #9
    Zitat von DarkCorri53i

    zwar die Farbe erst geändert aber beim hovern weg von der Mail wird die Mail wieder blau dargestellt.

    Hallo,

    wenn ich hover lese, gehe ich davon aus, dass es kein Tablet ist.

    Versuche Folgendes, die hover-Farbe ggf. anpassen. Funktioniert bei mir in Tabellen- und Kartenansicht.

    CSS
    /* ---Nachrichten in Liste bei Mousehover und Auswahl--- */
    #threadTree tr:hover,
    #threadTree tr.selected:hover {
        background-image: none !important;
        background-color: lightgreen !important;
        color: #000 !important;
    }
    
    #threadTree tr.selected {
        background-image: none !important;
        background-color: lightpink !important;
        color: blue !important;
    }
    Alles anzeigen
  • milupo
    Gast
    • 23. August 2023 um 14:54
    • #10

    DarkCorri53i Ein Hinweis: Im Code in deinem Beitrag #8 hast du Color geschrieben, also groß. Es wird jedoch color, also klein, geschrieben. Bei CSS musst du immer auf Groß- und Kleinschreibung achten. CSS-Eigenschaften werden in der Regel klein geschrieben.

  • DarkCorri53i
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 23. August 2023 um 18:48
    • #11

    @Bastler

    Vielen Dank. Ich habe deinen Code ausprobiert und er funktioniert klasse. Nur wird die selektierte Nachricht nicht mehr ausgegraut wenn man auf irgendeine Fläche klickt oder den Ordner wechselt. Es wird nur das Sternchen vorne, das Junk Symbol und das Papierkorb Symbol in der Nachricht weiss.

    Mit dem alten Code funktionierte es mit dem Ausgrauen. Komme ich mit klar.

    Gruß

    Markus

  • DarkCorri53i
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 23. August 2023 um 18:52
    • #12

    @milupo

    Hallo milupo,

    vielen Dank für deine Info. Habe ich glatt übersehen. Komisch das der Code trotzdem funktionierte.

    Gruß

    Markus

  • milupo
    Gast
    • 23. August 2023 um 18:55
    • #13
    Zitat von DarkCorri53i

    Komisch das der Code trotzdem funktionierte.

    Hm. Die Schrift war wirklich blau?

  • DarkCorri53i
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 23. August 2023 um 19:05
    • #14

    @milupo

    ja die Schrift war wirklich blau. Ich hätte die Nachricht sonst schlecht lesen können wenn die Schrift weiss geblieben wäre. Das hätte ich sofort gemerkt.

    Gruß

    Markus

  • Bastler
    Gast
    • 23. August 2023 um 23:21
    • #15
    Zitat von DarkCorri53i

    Mit dem alten Code funktionierte es mit dem Ausgrauen

    Mit welcher TB Version?

    Wenn das der Code aus #8 ist, der funktioniert in meinem TB 115.1.1 unter Windows 10 nicht, keinerlei Regung.

    EDIT--- im Nachgang:

    Aussage betrifft die Kartenansicht.

    Einmal editiert, zuletzt von Bastler (25. August 2023 um 14:27) aus folgendem Grund: Edit zum Umfeld

  • DarkCorri53i
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 24. August 2023 um 05:54
    • #16

    @Bastler

    Ich benutze auch TB Version 115.1.1 in Windows 10 und bei mir funktionierte der Code #8 aber nur in der Tabellenansicht nicht in der Kartenansicht.

    Gruß

    Markus

  • Munggel
    Mitglied
    Beiträge
    18
    Mitglied seit
    18. Sep. 2011
    • 17. September 2023 um 13:04
    • #17

    Hallo zusammen

    Danke für die CSS-Tipps für die Kartenansicht - fand sie auch nicht schön. Ich würde mich riesig freuen, wenn eine:r mir noch helfen könnte, die unterschiedlichen Zeilen der Kartenansicht zu formatieren.

    Zur Zeit sind bei mir beide Zeilen (also Absender und Subject) in der gleichen Schriftformatierung. Ich hätte aber gerne die den Absender bold oder in grösserer font-size. Alles, was ich einstelle mit dem obigen Code beeinflusst aber halt beide Zeilen der Nachricht.

    Weiss jemand Rat, wie ich das CSS ergänzen kann, um die gewünschte Unterscheidung zu erreichen?
    Herzlichen Dank im Voraus!

  • dharkness21
    Senior-Mitglied
    Reaktionen
    453
    Beiträge
    1.840
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    53
    • 17. September 2023 um 13:11
    • #18
    Zitat von Munggel

    Zur Zeit sind bei mir beide Zeilen (also Absender und Subject) in der gleichen Schriftformatierung. Ich hätte aber gerne die den Absender bold oder in grösserer font-size. Alles, was ich einstelle mit dem obigen Code beeinflusst aber halt beide Zeilen der Nachricht.

    Teste bitte das ↓ in der userChrome.css.

    CSS
    .thread-card-container :is([class="sender"]) {
        font-size: 20px !important;
    }

    Das auf bold zu setzen macht keinen Sinn, denn das ist die Markierung für neue Mails.

    und wech

    Dharkness

  • Munggel
    Mitglied
    Beiträge
    18
    Mitglied seit
    18. Sep. 2011
    • 17. September 2023 um 13:19
    • #19

    Das war Spitze und super rasch, danke Dharkness!

    Darf ich nochmals? Ich würde dann gerne die zweite Zeile auf hellgrau setzen. Geht das irgendwie so? Hat eben nicht funktioniert - meine Fähigkeiten sind limitiert, argh :-(

    /* ---Kartenansicht--- */

    .thread-card-container {

    appearance: none !important;

    height: 40px !important;

    outline: 0.01px solid #CACACA !important;

    }

    .thread-card-container :is([class="sender"])

    {

    font-size: 14px !important;

    {

    .thread-card-row,

    .subject {

    font-size: 12px !important;

    font-color: #EDEDED !important;

    }

  • dharkness21
    Senior-Mitglied
    Reaktionen
    453
    Beiträge
    1.840
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    53
    • 17. September 2023 um 14:08
    • #20
    Zitat von Munggel

    Ich würde dann gerne die zweite Zeile auf hellgrau setzen.

    Teste bitte das ↓.

    CSS
    tr[is="thread-card"][data-properties~="read"] :is([class="subject"]) {
        color: #EDEDED !important;
    }
    tr[is="thread-card"][data-properties~="read"]:hover :is([class="subject"]) {
        color: #000 !important;
    }

    und wech

    Dharkness

Aktuelle Programmversion

  • Thunderbird 138.0 veröffentlicht

    Thunder 30. April 2025 um 00:04

Aktuelle ESR-Version

  • Thunderbird 128.10.0 ESR veröffentlicht

    Thunder 29. April 2025 um 23:24

Keine Werbung

Hier wird auf Werbeanzeigen verzichtet. Vielleicht geben Sie dem Website-Betreiber (Alexander Ihrig - aka "Thunder") stattdessen etwas aus, um diese Seiten auf Dauer finanzieren zu können. Vielen Dank!

Vielen Dank für die Unterstützung!

Kaffee ausgeben für:

Per Paypal unterstützen*

*Weiterleitung zu PayPal.Me

Ähnliche Themen

  • Icons in Kontenliste ändern

    • Road-Runner
    • 21. August 2023 um 10:51
    • Manuelle Anpassungen per CSS oder Script
  • Darstellung unter macOS zu klein

    • thunderbird-qwertz
    • 3. November 2021 um 13:00
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
Thunderbird Mail DE
  1. Impressum & Kontakt
  2. Datenschutzerklärung
    1. Einsatz von Cookies
  3. Nutzungsbedingungen
  4. Spendenaufruf für Thunderbird
Hilfe zu dieser Webseite
  • Übersicht der Hilfe zur Webseite
  • Die Suchfunktion benutzen
  • Foren-Benutzerkonto - Erstellen (Neu registrieren)
  • Foren-Thema erstellen und bearbeiten
  • Passwort vergessen - neues Passwort festlegen
Copyright © 2003-2025 Thunderbird Mail DE

Sie befinden sich NICHT auf einer offiziellen Seite der Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, XUL™ und das Thunderbird-Logo sind (neben anderen) eingetragene Markenzeichen der Mozilla Foundation.

Community-Software: WoltLab Suite™