Einen Spaltenkopf der Emailübersicht ändern - neue Grafik zuordnen - Text ausblenden

  • [gelöst, siehe Post #8]


    Um Rückfragen vorzubeugen, bitten wir um folgende Angaben:

    • Thunderbird-Version: 68.*
    • Betriebssystem + Version: Linux Mint

    Ich versuche mit userChrome.css einen Spaltenkopf der Emailliste zu ändern: Priorität

    Da soll nur eine kleine Grafik angezeigt werden, kein Text.

    Ich bekomme das nur "unschön" gelöst, indem ich zuerst alle Stile lösche und dann alles neu aufbaue.

    Da aber alle vertikalen Linien und Füllungen mit einem besonderen Verlauf versehen sind, ist das schwierig.

    Links und rechts fehlt auch noch ein Rahmen von 1px - mit Verlauf natürlich.


    Kann man da nicht direkt einfach eine Grafik zuordnen, ohne den gesamten Stil zu löschen?

    Nur der Label "Priorität" muß ausgeblendet werden.


    Folgender Versuch ergibt das folgende Bild:

    Vorher:


    Nachher:


    KW ist besagter Spaltenkopf (KW ist nur eine Testgrafik).

    Alle Verläufe und Ränder sind neu aufgebaut, aber eben nicht wie im Original.


    Irgeneine Idee?

    Besten Dank!

    Edited 3 times, last by graba ().

  • Habe den Text noch mal überarbeitet.

    Die Grafiken sind im Original so groß wie bereits angezeigt.

  • So sieht es bei mir aus,

    wenn ich nur diesen Code nehme.

    Code
    1. treecol[id="priorityCol"] {
    2. -moz-appearance: none !important;
    3. background: center no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gECDgkHRQny8gAAA3NJREFUOMtt01tsUwUAxvH/Oe3pztaVdmu3lV3cypQJc0xAWGReZhyOoZsuDhcvERMf1MxEQwiS+OILEo0PYGKC+DCiDwpomCIYZ70FQxgKAdk9bcfWzY1uva49PTs9PccXfUF/j9/3/LfwD0/reyhhP4pp8lO+uc1w7+jpO3Ag7nnoeW+muqMkLbWIzPsVbiPcPvS8+3WviPiZzWnTcjZJCs+siKHphFFcQEpGvLAs2fqXPu6L0HIIht9GePWDQY7tfwpHzyc+cSY2eOjwzk2rdpnJYJQb43FSmKwtlbAYAu5yO0uxLPOziVfGPuw7DmD5Y+gLXjxx3lsk2SceqJJrals38OPZSZbjKhPBJXKxCMWVXpbjKqZgkkrlka1Cl9W3K5W8PnhJaGspEGr6/cEfjpyqO7i3Tjgz4cJXKPFlIImkKGTjoE2P8di+p8mQJ7KQQ1V1hNBistAh3GO9++DPzb8MRar2tY4KbrubnOwldHOYo+5vWdPgRCpv5NOzY1w9sYjZ+gLk89gzCvM3gs50eckmS7ayvXluOLT3jV4rUX0tO8sSPHnHBCW1d/JIz0s01JXx7OMbyUd/Yyy3BeNWiuh0FMHuQPYIl60zV2+JoqJQu/U5tjsdXPOfwlXdzrrt9yMXWcHM4R8YwNe4mdJfFSajcdZUlZKNKMiS7rGmr4Qze9pNM5lIC+sbGljf1omWMEgmVaZDMSYvfsO92xpxyQ78uXKWEyMoaQ29SCK79JchIhnzQaUic9/WRkw9j9ftRUlNYypzVHlW2fXEbrwuF6quIvz5Poom4igtRtJ0YuHoogX1UjyxUN+1o36kxuUsRBYNyj1OLBJYdROUGKymsJkppq6Ncm60BtUUMUVMPT37kRVAV4Iv73lnw1jpyltG08ZK8ZmuGro71lFoqSZnqOT1DFI+Tyh5F2b4d0TFh64tJLXIxXFLgaMbTftu2a5VJ5K6vXNkIjR1+vvA0NGB64GsGpDMXNYqCUKBKYocPj5BbCnCaiaMlp47pjN7UgCoLz1CMPamUOhp6rWknft1NX3GgFgOwyJbsDvsmerdHY++dvKrKzZvhZfwwk2/zmg3kP1PTIAo0VRugg8Ed1GxbO/seLj/3PkLD1aWVWiBuZHPDSP4OpD+3xpvt21LV+P41PjmQptsqooaWlEDl4H8v//fp3qQRCnSRiwAAAAASUVORK5CYII=")!important;
    4. }
    5. treecol[id="priorityCol"] > label {
    6. display:none !important; }


    Gruß
    EDV-Oldi

  • Das ist im Prinzip genau das gleiche, was ich mache.

    Da bei mir das Design aber doch etwas aufwendiger gestaltet ist, geht mit -moz-appearance: none !important; eine Menge verloren.


    So sieht das mit Deinem Code ohne "Neuaufbau" von Hintergrund und Rand aus:

  • Die Sache ist gelöst, der Spaltenkopf hat eine neue Grafik ohne das Design zu zerstören:



    Erstmal soviel: komplett in JS möglich, css wird nicht benötigt.

    Teste das noch und gebe das dann hier wieder.

  • Hier das Script, um den Spaltenkopf mit einer neuen Grafik zu versehen.

    Es funktioniert bisher ohne Fehler.

    CSS wird nicht benötigt.

    Das Ganze funktioniert grundsätzlich so nur, wenn man die vorhandenen Elemente über Bezeichner ansprechen kann. Die gilt es (wie üblich) heraus zu finden.


    Das neue Icon "high.png" (hier ist es >) wird im Verzeichnis "/chrome/icons/" erwartet (das kann aber wie üblich angepaßt werden).


    Die Anzeige der Priorität zu den einzelnen Emails in den jeweiligen Zeilen wird über das AddOn Enhanced Priority Display erzielt.


    Hier noch ein Bild, wie der Bereich jetzt aussieht.



    Viel Spaß beim Ausprobieren! :thumbsup:

  • Thomas S.

    Changed the title of the thread from “Frage an die CSS-Spezialisten - einen Spaltenkopf der Emailübersicht ändern” to “Einen Spaltenkopf der Emailübersicht ändern - neue Grafik zuordnen - Text ausblenden”.