Mozilla Lightning & Sunbird DE

[ibuki]

Hallo zusammen,
ich hab meine Termine in Kategorien eingeteilt und mit Farben versehen. Nun erscheint die Farbe ja immer nur als kleine Fläche am rechten Rand. Gibt es den keine Möglichkeit den gesamten Termin in der jeweiligen Kategoriefarbe kenntlich zu machen ?
Gruss
Ibuki

[heidi123]

Das wird wohl nicht gehen und würde auch nicht viel Sinn machen, da die "Hauptfarbe" des Termins ja vom jeweiligen Kalender bestimmt wird.

[boelmann]

Hallöchen,

versucht bitte folgen Script, habe ich hier selbst in diesem Forum erhalten.
Die Suchoption hätte vielleicht auch etwas gebracht :
Script gehört in userChrome!!:

/***********************
** Kategorie: Wichtig **
***********************/

.calendar-event-box-container[categories~="wichtig"] {
border: solid red 2px !important;
background: #FDD !important;
padding-left:15px !important;
background-image:url(https://www.sunbird-kalender.de/files/forum/pics/sign07.png) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

calendar-category-box[categories~="wichtig"] {
display: none !important;
}

/********************
** Kategorie: Kino **
********************/

.calendar-event-box-container[categories~="kino"] {
padding-left:20px !important;
background-image:url(https://www.sunbird-kalender.de/files/forum/pics/kino.jpg) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

Bei der Kategorie "Wichtig" blende ich noch die kleine Box aus, in der sonst eine über die normalen
Einstellungen zugewiesene Kategoriefarbe angezeigt werden könnte, damit mein Rahmen richtig wirkt.
Ansonsten reichen diese Einträge nun für alle Ansichten, es ist also einfacher geworden.
Allerdings werde ich meine Icons etwas verkleinern müssen, denn die Höhe der Terminbox wurde etwas reduziert.
Bei 16x16px Bildgröße wird nun etwas vom Bild abgeschnitten.

[ibuki]

Super, vielen Dank nach Ostfriesland
Stelllt sich mir jetzt nur noch die Frage, wie bzw. wo ich das einbaue Ich bin da ziemlich unbeleckt.
Gruss
Ibuki

[boelmann]

Hallöchen ibuki,

Also du gehst auf deine Bootplatte, meist C:/
Hier öffnest du den "Dokumente und Einstellungen Ordner",
dannach hangelst man sich wie folgend durch:
– deinen USER-Ordner (nicht ALL USER) meist dein Einlogname bei Windows
– Anwendungsdaten
– Thunderbird
– Profiles
– xxxxx.Standard-Benutzer
– Chrome,
hier findest du eigentlich eine Datei namesn "userChrome.css", diese lässt sich
mit einen Editor bearbeiten, z.B. Notepad++ (freeware).
Vorher bitte aber immer eine Sicherung der Datei anlegen.

Hier noch eine Darstellung wo sich der Profiordner befindet.

[Hernals]

Salü
Ich hätte zwei Fragen zu dem kleinen Kästchen, das mit

Code: Alles auswählen

calendar-category-box[categories~="wichtig"] {
display: none !important;
}

angesprochen wird:
1. Ich hätte es lieber am linken Rand, also links vom Text und nicht, so wie jetzt, ganz rechts. Gibt es dafür einen Code?
2. Kann man statt diesem Kästchen ein Icon oder Bild einbauen?

[ibuki]

Soeit klappt bei mir ganz gut, aber ich hab ein paar Problemchen.
Wie bekomme ich den Rand weg der trotz "No-border" da ist, hier bei dem Termin "Karfreitag" der orange Rand.

Zwischenablage01.jpg

Bei dem Termin "Osterferien" sieht man das rechts der Rand nicht da ist- Wieso ?
Und dann hab ich noch die Kategorie "Laufen" angelegt- die funktioniert aber garnicht. Wenn ich in den Termin Eigenschaften die Kategorie "Laufen" auswähle und bestätige wird Sie trotzdem nicht übernommen.
Fragen über Fragen
Gruss
Ibuki

[rb]

Hallo Hernals,

Salü
Ich hätte zwei Fragen zu dem kleinen Kästchen, das mit

Code: Alles auswählen

calendar-category-box[categories~="wichtig"] {
display: none !important;
}

angesprochen wird:
1. Ich hätte es lieber am linken Rand, also links vom Text und nicht, so wie jetzt, ganz rechts. Gibt es dafür einen Code?

Ich will’s nicht beschwören, aber ich glaube nicht. Die Reihenfolge der verschiedenen Elemente ist fest codiert und daher nicht einfach per CSS veränderbar. Denke ich.

2. Kann man statt diesem Kästchen ein Icon oder Bild einbauen?

Hier die gute Nachricht: ja. Man kann ein Bild ins Kästchen einbauen.
Der Code für’s Einfügen und Formtieren des Bildes unterscheidet sich nicht vom Verfahren bei Kategorien, den richtigen Selektor hast du oben ja schon angegeben.
Möglicherweise musst du nur zusätzlich mit Höhe und Breite der categories-Box experimentieren, weil die standardmäßig etwas schmaler ist. Testweise habe ich mal noch

Code: Alles auswählen

width: 40px !important;

in die CSS-Regel aufgenommen, nur um zu schauen, ob es funktioniert. 40px ist vermutlich viel zu viel, die Hälfte sollte auch reichen – abhängig von deinen Bildern eben.

Schöne Grüße
Robert

[rb]

Hi ibuki,

Wie bekomme ich den Rand weg der trotz "No-border" da ist, hier bei dem Termin "Karfreitag" der orange Rand.
[…]
Bei dem Termin "Osterferien" sieht man das rechts der Rand nicht da ist- Wieso ?
Und dann hab ich noch die Kategorie "Laufen" angelegt- die funktioniert aber garnicht. Wenn ich in den Termin Eigenschaften die Kategorie "Laufen" auswähle und bestätige wird Sie trotzdem nicht übernommen.

Könntest du uns zu den Kategorien, mit denen es nicht wie beabsichtigt funktioniert, mal den CSS-Code posten, den du in die userChrome.css eingetragen hast?
Warum da teils der Rand fehlt, kann ich mir auch noch nicht ganz erklären, aber vll. hängt ja auch das mit CSS-Anpassungen zusammen, weil durch Größenänderungen Teile ‘aus dem Bild geschoben’ werden?

Schöne Grüße
Robert

[ibuki]

Hi RB,
hier mal der komplette Code, ich hoffe das hilft:

Code: Alles auswählen

/* Fonts in Menüs, usw */
menubar, menubutton, menulist, menu, menuitem, textbox,
toolbar, tree, .tab-text, tooltip, sidebarheader, statusbar, commonDialog,
#abContactsPanel #toButton, #abContactsPanel #bccButton,
#abContactsPanel #ccButton {
*   font-family: helvetica !important;
*   font-style: italic !important;
*   font-weight: bold !important;
   font-size: 11px !important;
}

/* Fonts in Listen wie z.B. Mails und Accounts */
treechildren {
   font-size: 11px !important;
}
/***********************
** Kategorie: Veranstaltungen **
***********************/

.calendar-event-box-container[categories~="veranstaltungen"] {

background: #15CE06 !important;
padding-left:15px !important;
background-image:url(https://www.sunbird-kalender.de/files/forum/pics/sign07.png) !important;
background-position:top left !important;
background-repeat:no-repeat !important;

border-color: black!important;
border-width: 1px!important;
-moz-border-radius: 10%! important;
}

calendar-category-box[categories~="veranstaltungen"] {
display: none !important;
}
/***********************
** Kategorie: Urlaub **
***********************/

.calendar-event-box-container[categories~="urlaub"] {

background: #779E32 !important;
padding-left:15px !important;
background-image:url(https://www.sunbird-kalender.de/files/forum/pics/sign07.png) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

calendar-category-box[categories~="urlaub"] {
display: none !important;
}
/***********************
** Kategorie: Feiertage **
***********************/

.calendar-event-box-container[categories~="feiertag"] {
background: #000 !important;
color: #fff !important;
padding-left:15px !important;
background-position:top left !important;
background-repeat:no-repeat !important;

border-color: black!important;
border-width: 1px!important;
-moz-border-radius: 10%! important;


}
calendar-category-box[categories~="feiertag"] {
display: none !important;
}

/***********************
** Kategorie: Ferien **
***********************/

.calendar-event-box-container[categories~="ferien"] {

background: #BCD955 !important;
padding-left:15px !important;
background-image:url(https://www.sunbird-kalender.de/files/forum/pics/sign07.png) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
color: black !important;
}

calendar-category-box[categories~="ferien"] {
display: none !important;
}

/***********************
** Kategorie: Geburtstag **
***********************/

.calendar-event-box-container[categories~="geburtstag"] {
border:none;
background: #fff !important;
padding-left:15px !important;
background-image:url(https://www.sunbird-kalender.de/files/forum/pics/geburt.png) !important;
background-position:top left !important;
background-repeat:no-repeat !important;



}

calendar-category-box[categories~="geburtstag"] {
display: none !important;
}
/***********************
** Kategorie: Laufen **
***********************/

.calendar-event-box-container[categories~="laufen"] {

background: #547EFF !important;
padding-left:15px !important;
background-image:url(https://www.sunbird-kalender.de/files/forum/pics/laufen.png) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
color: white !important;
border-color: black!important;
border-width: 1px!important;
-moz-border-radius: 10%! important;

}

calendar-category-box[categories~="laufen"] {
display: none !important;
}

[ibuki]

hmmm- hab gerade gemerkt das Lightning die gewählte Kategorie "Laufen" nicht übernommen hat bei den Terminen. Bei zwei "Laufterminen" funkktioniert es- bei den meisten nicht.
hmmm- wo finde ich eigentlich die Kalenderdaten ? Dann könnte ich die Kategorie "Laufen" mal testweise per Hand eintragen und nicht über Lightning. Scheint also ein "speichern" Problem zu sein.
hmmmmmmmmmmmmm

[rb]

Die Kalenderdaten werden in einer Datenbank storage.sdb im Profil gespeichert. Die kann man zwar mit Tools wie dem SQLite Manager bearbeiten, aber eigentlich sollte das nicht nötig sein. Probier die Kategoriezuweisung nochmal auf dem normalen Weg, das müsste eigentlich gehen?! Und wenn nicht: Gibt’s Fehlermeldungen in der Fehlerkonsole (vgl. Menü ‘Extras’)?

Zum Rätsel vom fehlenden ‘Rand’ habe ich eine These:
Eigentlich ist das kein richtiger Rand, sondern eine etwas abgestufte Farbe der eigentlichen Farbe des Kalenders (die wird auf der Oberfläche dann zwar durch die userChrome.css überlagert, aber das weiß der Code für die Verschönerung der Terminboxen nicht).
Diese graduell andere ‘Umrahmung’ wird normalerweise rechts durch die Box für die Kategoriefarben (calendar-category-box) abgeschlossen. Auch die greift auf die Farbe des Kalenders zurück, sofern in den Einstellungen (nicht in manuellen Anpassungsdateien) keine extra Farbe für die Kategorie festgelegt wurde. Eine extra Schattierung wie oben, links und unten ist daher nicht mehr vorgesehen, denn über die Kategoriebox ist normalerweise rechts für einen ‘Rand’ gesorgt. Diesen blendest du nun ja aber per userChrome.css aus.
Soweit läuft alles nach Plan, würde ich sagen.
Wenn die Termine tatsächlich einen echten Rand haben sollen, verpasse ihnen einen, indem du die userChrome.css jeweils um eine Zeile ergänzt. Der Block zu .calendar-event-box-container[categories~="ferien"] bekommt dann z.B. noch eine Zeile

Code: Alles auswählen

border: 1px solid black !important;

Stärke und Farbe wie immer an die eigenen Vorstellungen anpassen.

Schöne Grüße
Robert

[Hernals]

@ibuki
Es ist die Zeile
-moz-border-radius: 10%! important;
Sie bewirkt, dass außerhalb der abgerundeten Ecken die Farbe des Kalenders sichtbar bleibt.
Und: Die Kategorien in der css-Datei müssen genau so (groß?) geschrieben werden wie im Kalender

@rb Danke für die "halbe" Hilfe