Kategorien farblich hervorheben

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

    • Thunderbird-Version: 68.8
    • Lightning-Version: 68.8
    • Betriebssystem + Version: Windows 10 Home
    • Google-Kalender mit "Provider for Google-Calendar" (ja/nein): ja
    • Google- oder sonstiger Kalender mit WebDAV / CalDAV (ja/nein/was genau):
    • Eingesetzte Antivirensoftware: Windows Defender
    • Firewall (Betriebssystem-intern/Externe Software):


    Hallo zusammen,


    wenn ich einer Kategorie eine Farbe zuweisen, so erscheinen Termine in dieser Kategorie nur mit einem Balken in dieser Farbe ganz rechts.


    Ich möchte den farblichen Balken aber nicht nur ganz rechts, sondern über die gesamte Fläche des Termins. Wie kann ich das bewerkstelligen?


    Besten Dank

    Gerhard

    Images

    • 2020-05-12 20_56_41-Kalender - Mozilla Thunderbird.png

    Besten Gruß

    von Gerhard


    Gerhards Gedankenbuch

  • Hallo Naturfreund,

    Ich möchte den farblichen Balken aber nicht nur ganz rechts, sondern über die gesamte Fläche des Termins. Wie kann ich das bewerkstelligen?

    Das kann man nicht ändern.

    Teste einmal diesen Code.


    CSS
    .calendar-event-box-container[categories~="kategoriename"] {   
    background: #3cb371 !important; 
    }
    .calendar-event-box-container[categories~="kategoriename"] {
    text-align:center !important;
    border: 2px solid blue !important;
    }
    calendar-category-box[categories~="kategoriename"] {
        display: none !important;
    }



    Gruß
    EDV-Oldi

  • Entschuldigung, ich habe vergessen dabei zu schreiben, das Du natürlich kategoriename durch den Namen Deiner Kategorie ersetzen muss, den Namen aber kleinschreiben.
    Wenn Du das für mehrere Kategorien brauchst, musst Du auch für jede Kategorie so ein Code erstellen.

    Z.B. für Urlaub

    Code
    [categories~="urlaub"]


    Gruß
    EDV-Oldi

  • Es funktioniert nach wie vor nicht. Muss ich möglicherweise in Zeile 6 "blue" durch "red" ersetzen?

    Die Farben kannst Du natürlich selber auswählen.
    Hast Du denn jedes mal nach einer Änderung Thunderbird neu gestartet, am besten noch mit leeren des Scriptcaches?

    Ich habe einen neuen Kalender erstellt,

    Das ist so wie so die bessere Lösung.
    Aber auch im Geburtstagskalender habe ich 4 Kategorien.
    Da mir die Kalenderfarben wichtig sind vergebe ich für die Kategorien kleine Bildchen.


    Gruß
    EDV-Oldi

  • Das ist so wie so die bessere Lösung.Aber auch im Geburtstagskalender habe ich 4 Kategorien.
    Da mir die Kalenderfarben wichtig sind vergebe ich für die Kategorien kleine Bildchen.


    Gruß
    EDV-Oldi

    Hallo EDV-Oldi,

    gibts die Möglichkeit mit den kleinen Bildchen auch noch in Version 91.5 ?

    Da hatte sich doch mal was geändert, oder? Finde jedenfalls nix mehr und die Zeilen ins userChrome.css zu schreiben ändert leider gar nix.

    Danke und Gruss

    Kardio

  • Hallo kardio,

    gibts die Möglichkeit mit den kleinen Bildchen auch noch in Version 91.5 ?

    Ich habe zum Beispiel für die Kategorie "Geburtstag" diesen Code.

    CSS
    /*   Kategorie: Geburtstag   */
        .calendar-category-box[style="background-color: var(--category-geburtstag-color);"] {
        min-width: 15px !important;
        background-image:url("file:///C:/Dropbox/Chrome/Icons/gebw.png") !important;
        background-repeat: no-repeat !important;
        } 

    oder mit base64 Bild

    CSS
        .calendar-category-box[style="background-color: var(--category-geburtstag-color);"] {
        min-width: 15px !important;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACTUlEQVR4Xq3RXUhTYRgH8P/ZmXmOH+mO7MNoOQwk6NTmR7GwiwrL8iKDiCireVdQGJEX86pidRFIRhdeCMWpLjMv8mI4b5SCECkcgtDWZqCxGZub05kf5+wJXrY16ePK3+Xz8Pzf5+HFtjPYXXLtFZ+y5/JoxHz1PRkvjZH5zFDEeFRRxOp2Gf+z+/QTt+3GxGbn6xi9CxD5F4i+xIh8YaKbryJkOjW0WVrT5f77cFufe3+3n15MZdjgfIqYmW8JmpzbZLXBGY32nR8mwXw9H6JjaztcMl/T7Ll49gAkkcNsEljeAPN9PobxqSir6XkdutxtKLYe8RSJx9g5HADsvTaqVB9qdJ1rMqAwWZdexOfpORx02pGzoQFvfWH4nyov1ZSnUw8AKvhWg8mAYAKMpRTokAGxSILdlMFz/yJWBAkzcSCcBFShFnxRcSsAsIB1XrDEVoGV7NqBOABNxf3jesz+TGLYDyxJEgplKiUL4tkAUjWEEwCvQ16VyFogbQ3La/gDEZDfQLeUiEbTsHAACAxi6dxTa6ANDlCx1Y+F6O+AdGpEiEVdqmRBDk9gSFsHr3LgCHmZUBDaSmok/42Jr4O9ZcFJ1SQSTCWArQK47QTT2OBAR1MZTILGekYhA92YVwU+9qLQzrq77l3tXmro1+jwAFFrX4haHn2ilocT5OwZp/pnq6xXUa8QcKEbWRwKlFpvuctrnB7biWZ9VZ1t68nTQQQGvepS6EMP8KYX/7Kj4qRcUvVAKbc+jlQ7Bsgs95NYeS8C3FEAp4zt9gv5lvx9cOlvNAAAAABJRU5ErkJggg==") no-repeat !important;
        } 


    Gruß

    EDV-Oldie

  • Hallo EDV-Oldie,

    danke für die schnelle Antwort.

    Habs in die userChrome.css reinkopiert und den Pfad und Kategorienamen (in Kleinbuchstaben) angepasst, leider passiert nischte.


    In der alten Version klappte es ja sogar, Bilder vor den Text im Kalender zu bauen:

    Gibts da gar keine Möglichkeit mehr? Habe leider trotz intensiver Suche nichts brauchbares gefunden.


    Gruss Kardio

  • Hallo kardio,

    In der alten Version klappte es ja sogar, Bilder vor den Text im Kalender zu bauen:

    Die Bilder sind jetzt hinter dem Text zu sehen

    .


    Habs in die userChrome.css reinkopiert und den Pfad und Kategorienamen (in Kleinbuchstaben) angepasst, leider passiert nischte.

    Hast Du auch einen Neustart mit löschen des Script Caches gemacht?
    Oder besser noch einmal im Fehlerbehebungsmodus starten. und dann wieder normal.


    Gruß

    EDV-Oldie

  • Im Entwicklerwerkzeuge-Modus zeigt er Änderungen immer sofort an. Da brauch ich nix neu starten oder Cache löschen.

    Und ob die Bilder vor oder hinter dem Text sind ist mir auch wurscht, Hauptsache, sie werden überhaupt angezeigt.

    Aber bitte abhängig von der Kategorie und nicht vom Kalender, ich werd hier noch wahnsinnig... =O


    Gruss Kardio

  • Hallo kardio,


    schau mal, ob Du damit ↓ etwas anfangen kannst.

    und wech

    Dharkness

  • Hier nun meine vorerst fertige Version.

    und wech

    Dharkness

  • Guten Morgen,

    bin mit meinem Grundstyling soweit zufrieden, eben die Bilder fehlen noch.

    Wäre folgender Ansatz noch was?

    Das man alle Felder, bei denen die Hintergrundfarbe die Farbe der Kategorie hat, das Hintergrundbild reinmacht???

    Also codisch ausgedrückt so ungefähr:

    Bin jetzt nicht so der CSS-Spezi, funktioniert das mit Bedingungen so?


    Hier mein aktueller Stand:

    Schönen Sonntag!

    Gruss Kardio

  • bin mit meinem Grundstyling soweit zufrieden, eben die Bilder fehlen noch.

    Ich habe mal ein wenig an Deinem CSS geschraubt, schau mal ob es Dir so gefällt.

    P.S.:

    Ich habe den Code auch noch ein wenig logisch sortiert und der besseren Übersicht wegen m.M.n. besser ausgerichtet.

    und wech

    Dharkness

  • So * sieht es derzeit mit dem ** CSS-Voodoo bei mir aus.

    *

    **

    P.S.:

    Der farbige Rand um den Kalender ist die in den Kalendereinstellungen zugeordnete Farbe.

    und wech

    Dharkness