1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 140 ESR
    3. Thunderbird 128 ESR
    4. Thunderbird 115 ESR
    5. Thunderbird Beta Version
    6. Language Pack (User Interface)
    7. Dictionaries (Spell Check)
  4. Help & Lexicon
    1. Instructions for Thunderbird
    2. Questions & Answers (FAQ) about Thunderbird
    3. Help for this Website
  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

Selektierte Ordner in der Folderpane

    • 115 ESR
    • Windows
  • Alphatier
  • September 26, 2023 at 2:39 PM
  • Closed
  • Thread is Unresolved
  • Alphatier
    Member
    Reactions Received
    2
    Posts
    48
    Member since
    30. Jul. 2023
    • September 26, 2023 at 2:39 PM
    • #1

    Hallo miteinander,

    TB 115.2.3 64 Bit

    Win 11 Pro 64 Bit 22H2 22621.2283

    folgendes Problem bei dem ich (auch nach einiger Recherche und herumprobieren) nicht weiterkomme.

    In meiner userChrome findet sich folgender Code:

    CSS
    /* Blau schwarz in der Folderpane */ 
    ul[role="group"] > li[aria-selected="true"] .container {
        color: #00bbff !important; 
      background-color: black !important;
    }

    Dieser Eintrag färbt den selektierten Ordner in der Folderpane in den zugewiesenen Farben. (siehe Bild 1)

    So weit, so gut., wenn ich jedoch den Ordner "Entwürfe" anwähle werden alle Unterordner ebenfalls mit ausgewählt. (siehe Bild 2)

    Wie sollte der Eintrag in der userChrome.css aussehen dass nur der ausgewählte Ordner farblich hervorgehoben wird?

  • Mapenzi
    Senior Member
    Reactions Received
    1,030
    Posts
    11,860
    Member since
    26. May. 2012
    Helpful answers
    117
    • September 26, 2023 at 3:09 PM
    • #2

    allo,

    versuch's mal hiermit

    CSS
    html|ul#folderTree html|li[is="folder-tree-row"].selected > html|div.container {
         color: #00bbff !important; 
      background-color: black !important;
    }
  • Alphatier
    Member
    Reactions Received
    2
    Posts
    48
    Member since
    30. Jul. 2023
    • September 26, 2023 at 3:26 PM
    • #3

    Ich glaub nicht dass der Beginn deines Code (html|) da mit rein gehört, aber egal ob mit oder ohne, der Eintrag funktioniert nicht.

  • Mapenzi
    Senior Member
    Reactions Received
    1,030
    Posts
    11,860
    Member since
    26. May. 2012
    Helpful answers
    117
    • September 26, 2023 at 3:40 PM
    • #4
    Quote from Alphatier

    der Eintrag funktioniert nicht.

    Schau mal in meine Bildschirmkopie, dort funktioniert der Code offensichtlich (macOS).

    Aber wahrscheinlich habe ich dein Problem falsch verstanden.

  • Alphatier
    Member
    Reactions Received
    2
    Posts
    48
    Member since
    30. Jul. 2023
    • September 26, 2023 at 4:27 PM
    • #5

    Ich danke dir für deine Hilfeleistung, leider funktioniert dein Code hier in einer neuen und ansonsten leeren userChrome.css nicht.

  • Mapenzi
    Senior Member
    Reactions Received
    1,030
    Posts
    11,860
    Member since
    26. May. 2012
    Helpful answers
    117
    • September 26, 2023 at 4:41 PM
    • #6

    Bei mir funktioniert mein vorgeschlagener CSS Code nur mit der Zeile

    @namespace html url("http://www.w3.org/1999/xhtml");

    am Beginn der userChrome.css Datei!

    Habe ich gerade eben durch Testen heraus gefunden.

  • Alphatier
    Member
    Reactions Received
    2
    Posts
    48
    Member since
    30. Jul. 2023
    • September 26, 2023 at 4:52 PM
    • #7

    Na bitte, das sieht schon gleich anders aus. :thumbup:

    Jetzt muss ich nur noch schauen ob sich das mit meinen anderen Einträgen verträgt.

  • DarkCorri53i
    Member
    Reactions Received
    11
    Posts
    147
    Member since
    19. Jul. 2023
    Helpful answers
    2
    • September 26, 2023 at 4:58 PM
    • #8

    Alphatier


    Quote from Alphatier

    Wie sollte der Eintrag in der userChrome.css aussehen dass nur der ausgewählte Ordner farblich hervorgehoben wird?

    Hallo Alphatier,

    probiere mal folgendes:

    CSS
    /* Blau schwarz in der Folderpane */ 
    #folderTree:focus-within [is="folder-tree-row"].selected > div.container {
        background-color: black !important;
        color: #00bbff !important;
    }
    
    ul[role="group"] > li[aria-selected="true"] .container {
        background-color: black !important;
        color: #00bbff !important; 
      
    }
    Display More

    Gruß

    Markus

  • Mapenzi
    Senior Member
    Reactions Received
    1,030
    Posts
    11,860
    Member since
    26. May. 2012
    Helpful answers
    117
    • September 26, 2023 at 5:02 PM
    • #9
    Quote from Alphatier

    Jetzt muss ich nur noch schauen ob sich das mit meinen anderen Einträgen verträgt.

    Falls dadurch andere deiner CSS Code nicht mehr funktionieren, trage sie über der @namespace Zeile in der userChrome Datei ein.

  • Alphatier
    Member
    Reactions Received
    2
    Posts
    48
    Member since
    30. Jul. 2023
    • September 26, 2023 at 5:49 PM
    • #10
    Quote from DarkCorri53i

    probiere mal folgendes:

    CSS
    /* Blau schwarz in der Folderpane */ 
    #folderTree:focus-within [is="folder-tree-row"].selected > div.container {
        background-color: black !important;
        color: #00bbff !important;
    }
    
    ul[role="group"] > li[aria-selected="true"] .container {
        background-color: black !important;
        color: #00bbff !important; 
      
    }
    Display More

    Hallo Markus, dein Code tut's leider nicht. Wenn ich auf einen Ordner klicke der Unterordner enthält werden sie alle markiert.

  • milupo
    Guest
    • September 26, 2023 at 5:54 PM
    • #11

    Alphatier Passe bitte auf, dass du nicht in Zitat- oder Code-Kästen schreibst.

  • Alphatier
    Member
    Reactions Received
    2
    Posts
    48
    Member since
    30. Jul. 2023
    • September 26, 2023 at 5:57 PM
    • #12
    Quote from Mapenzi
    Quote from Alphatier

    Jetzt muss ich nur noch schauen ob sich das mit meinen anderen Einträgen verträgt.

    Falls dadurch andere deiner CSS Code nicht mehr funktionieren, trage sie über der @namespace Zeile in der userChrome Datei ein.

    Hallo Mapenzi,
    soweit funktioniert das wie ich mir das vorstelle. Allerdings interessiert mich was es für eine Bewandnis mit dieser Namespacezeile hat.

    Wieso funktioniert der Code nur mit dieser Zeile?

    Und wenn ich schon mal da bin, gleich noch eine Frage. :S

    Immer unter der Annahme dass sich die Codezeilen in der userChrome.css nicht "beißen", ist die Reihenfolge der Einträge eigentlich egal?

    Denn wenn das so wäre könnte man die sortieren zB: nach

    Folderpane,

    Threadpane,

    Messagepane, usw.

    Liege ich mit meinem Gedankengang richtig?

  • dharkness21
    Senior Member
    Reactions Received
    473
    Posts
    1,877
    Member since
    29. Jun. 2005
    Helpful answers
    54
    • September 27, 2023 at 7:00 PM
    • #13
    Quote from Mapenzi

    Bei mir funktioniert mein vorgeschlagener CSS Code nur mit der Zeile

    @namespace html url("http://www.w3.org/1999/xhtml");

    am Beginn der userChrome.css Datei!

    Das liegt wohl an dem → html| Teil in Deinem CSS.

    und wech

    Dharkness

    Edited once, last by dharkness21 (September 27, 2023 at 7:21 PM).

  • dharkness21
    Senior Member
    Reactions Received
    473
    Posts
    1,877
    Member since
    29. Jun. 2005
    Helpful answers
    54
    • September 27, 2023 at 7:25 PM
    • #14
    Quote from Alphatier

    wenn ich jedoch den Ordner "Entwürfe" anwähle werden alle Unterordner ebenfalls mit ausgewählt.

    Jupp, vollkommen klar, hierbei muss Du den Code deutlicher präzisieren, teste bitte mal den ↓ Code.

    CSS
    ul > li > ul > li > ul[role="group"] > li.selected > .container,
    ul > li > ul > li > ul[role="group"] > li > ul > li.selected > .container,
    ul > li > ul > li > ul[role="group"] > li.selected > .container .name,
    ul > li > ul > li > ul[role="group"] > li > ul > li.selected > .container .name {
        appearance: none !important;
        background-image: none !important;
        background-color: #006800 !important;
        color: #FFF !important;
    }

    und wech

    Dharkness

  • milupo
    Guest
    • September 27, 2023 at 7:34 PM
    • #15

    dharkness21 Diese Kopfstände sind doch gar nicht mehr nötig. Jedes Listenelement des Ordnerbereichs hat jetzt eine eigene, wenn auch sehr lange ID. Beim Erstellen eines eigenen Ordners erhält auch er eine eigene ID. Es gibt allerdings einen Haken. Die ID ist bei jedem Nutzer bzw. bei jeder Installation eine andere. Alphatier müsste also selbst mal in den Entwicklerwerkzeugen nachschauen.

  • Mapenzi
    Senior Member
    Reactions Received
    1,030
    Posts
    11,860
    Member since
    26. May. 2012
    Helpful answers
    117
    • September 27, 2023 at 7:38 PM
    • #16
    Quote from Alphatier

    Wieso funktioniert der Code nur mit dieser Zeile?

    Das kann ich dir nicht sagen, da ich zu wenig über CSS Codierung weiß.

    Als ich anfing mich damit zu beschäftigen, habe ich nicht gefragt, warum da eine @namespace Zeile ganz oben in userChrome stand.

    Spâter fiel mir auf, dass die meisten CSS Code auch ohne diese Formel funktionierten.

    Aber einige Code brauchen offenbar immer noch den Vorspann, ohne dass ich das jetzt im einzelnen erklären kann.

    Lies mal zu deiner Erbauung hier weiter

    Bug 390011

    @namespace - CSS: Cascading Style Sheets | MDN
    @namespace is an at-rule that defines XML namespaces to be used in a CSS style sheet.
    developer.mozilla.org
    Yet another question concerning CSS namespaces
    Hi, I've read "CSS namespaces · JasonBarnabe/stylish Wiki · GitHub" at https://github.com/JasonBarnabe/stylish/wiki/CSS-namespaces Is mentioned :
    forum.userstyles.org

    Why does userChrome.css require a @namespace line?

    Quote from Alphatier

    Immer unter der Annahme dass sich die Codezeilen in der userChrome.css nicht "beißen", ist die Reihenfolge der Einträge eigentlich egal?

    Auch da kann ich nicht mit Gewissheit antworten.

    Nach meiner Erfahrung ist in der Regel egal, in welcher Reihenfolge die einzelnen Code in der Datei userChrome.css angeordnet werden.

    Auch ich versuche für einen besseren Überblick, die Code nach Teiloberflächen zu gruppieren, z. B. #folderPane, #threadPane oder das Adressbuch, den Kalender oder die Tabs, ....usw . Dann muss ich nicht lange suchen beim Testen oder ändern.

    Es kommt auch selten zu Inkompatibilität: ein neuer Code funktioniert nicht, wenn er sich mittendrin in der Datei befindet.

    Er kann Jedoch alleine wirken, ohne den Rest der Code in der Datei, und dann auch wenn man ihn an die Spitze setzt, über die anderen Code.

  • dharkness21
    Senior Member
    Reactions Received
    473
    Posts
    1,877
    Member since
    29. Jun. 2005
    Helpful answers
    54
    • September 27, 2023 at 7:48 PM
    • #17
    Quote from milupo

    dharkness21 Diese Kopfstände sind doch gar nicht mehr nötig. Jedes Listenelement des Ordnerbereichs hat jetzt eine eigene, wenn auch sehr lange ID. Beim Erstellen eines eigenen Ordners erhält auch er eine eigene ID. Es gibt allerdings einen Haken. Die ID ist bei jedem Nutzer bzw. bei jeder Installation eine andere. Alphatier müsste also selbst mal in den Entwicklerwerkzeugen nachschauen.

    Es geht nicht um die ID die das präzisieren würde, sondern die → > Zeichen selektieren präziser, in diesem Fall sind sie m.M.n. nötig, deshalb so lange Zielzeilen.

    und wech

    Dharkness

  • Mapenzi
    Senior Member
    Reactions Received
    1,030
    Posts
    11,860
    Member since
    26. May. 2012
    Helpful answers
    117
    • September 27, 2023 at 7:58 PM
    • #18
    Quote from dharkness21

    Das liegt wohl an dem → html| Teil in Deinem CSS.

    Vielleicht.

    ìnzwischen bin ich bei

    CSS
    #folderPane .container {
      height: 22px !important;
      min-height: 0px !important;
    }

    gelandet, auch ohne die magische @namespace Formel!! >>>>>>> #55

  • milupo
    Guest
    • September 27, 2023 at 8:12 PM
    • #19
    Quote from dharkness21

    Es geht nicht um die ID die das präzisieren würde, sondern die → > Zeichen selektieren präziser, in diesem Fall sind sie m.M.n. nötig, deshalb so lange Zielzeilen

    Wenn du die ID verwenden würdest, brauchst du auch nur die ID. Jedes Listenelement hat seine ID ist also eindeutig. Da brauchst du keine langen Selektorzeilen.

  • Bastler
    Guest
    • September 27, 2023 at 8:21 PM
    • #20
    Quote from dharkness21

    Es geht nicht um die ID die das präzisieren würde, sondern die → > Zeichen selektieren präziser, in diesem Fall sind sie m.M.n. nötig, deshalb so lange Zielzeilen.

    Quote from milupo

    Diese Kopfstände sind doch gar nicht mehr nötig. Jedes Listenelement des Ordnerbereichs hat jetzt eine eigene

    --------------------------

    Es gibt allerdings einen Haken. Die ID ist bei jedem Nutzer bzw. bei jeder Installation eine andere.

    Hallo,

    wenn jeder die ID für sich heraussuchen müsste, hätten viele aber ein Problem damit.

    Ein universeller Code, der bei allen funktioniert, ist m.E. einfacher zur Verfügung zu stellen.

Current app version

  • Thunderbird 140.0 veröffentlicht

    Thunder July 3, 2025 at 1:02 AM

Current 140 ESR version

  • Thunderbird 140 ESR veröffentlicht

    Thunder July 7, 2025 at 11:10 PM

Current 128 ESR version

  • Thunderbird 128.12.0 ESR veröffentlicht

    Thunder July 1, 2025 at 10:16 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

  • Button per Script aus FolderPane in UnifiedToolbar umhängen (cross-document)

    • FrankSteiner
    • August 18, 2023 at 11:18 AM
    • Manuelle Anpassungen per CSS oder Script
  • Favoriten-Ordner in der Konten-/Ordnerliste fixieren

    • loneship
    • July 13, 2023 at 2:40 PM
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
  • Wo ist der Ordner "Erledigt" (Verschieben in "Erledigt")

    • MarkusGer
    • January 11, 2023 at 3:32 PM
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
  • ImportExportTool sichert nur ca. 10% der Mails als eml in externem Ordner

    • tommy tulpe
    • January 5, 2023 at 1:07 PM
    • Erweiterungen
  • Addon zur Anzeige der Anzahl der Emails in Ordner und ungelesene Emails

    • huuhuubaer
    • November 28, 2022 at 4:13 PM
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
  • Anzahl der gezeigten Ordner erhöhen bei "verschieben in letzte Ordner"

    • frischundfoxi
    • June 10, 2022 at 12:45 PM
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
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-2025 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™