Mozilla Lightning & Sunbird DE

[boelmann]

Hi an Alle,

eine Frage wird die UserChrome von Lightning 0.9 nicht mehr
angesprochen?
Von Version 0.7 auf 0.8 musste ja einiges Geändert werden, hier geht
es um die Anpassung der Kategorien (Farbe & Pics) in den Datum-
Feldern.
Unter 0.9 werden alle Anpassungen die wir hier im Forum zusammen-
gestellt haben, auch diverse Änderungen in der Monatszeile usw.

Es wäre nett wenn einer hierbei weiterhelfen könnte.

Johann der Ostfriese

[sts]

Die Kalenderansichten sind für 0.9 komplett überarbeitet wurden. Die Datei userChrome.css wird immer noch ausgewertet aber wahrscheinlich passen einfach die alten CSS-Regeln von 0.8 nicht mehr zu 0.9.

Vielleicht findet sich ja jemand der die CSS-Regeln für 0.9 aktualisiert . Das passende Werkzeug (DOM Inspector) hat rb ja schon bereitgestellt.

[rb]

Ich habe mal ein bisschen mit Sunbird 0.9 rumgespielt, aber für Lightning sollte das ja wie üblich ebenso passen:

Code: Alles auswählen

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

.calendar-event-box-container[categories~="wichtig"] {
   border: solid red 2px !important;
   background: #FDD !important;
   padding-left:15px !important;
   background-image:url("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("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.

Anpassungen vornehmen kann man aber nicht nur über Kategorien, sondern über alles möglichen Kriterien: Kalender, Priorität, Status usw. Dafür poste ich mal Teile der in Bug 202360 veröffentlichten Beispiel-userChrome.css, in der das alles dokumentiert ist:

Code: Alles auswählen

/**
* PURPOSE: color task tree and unifinder tree based on certain properties
*   You must use different tree pseudoclasses for different attributes.
*   Try the following if your attribute is not working:
*     -moz-tree-cell-text
*     -moz-tree-cell
*     -moz-tree-row
*   Note that all properties are lowercase and any non-alphanumerical
*   character is escaped by using the special string -ux27- where 27 is the
*   character code. See calUtils.js, function formatStringForCSSRule().
*/
.calendar-task-tree > treechildren::-moz-tree-cell-text(calendar-home_calendar),
#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(calendar-home_calendar) {
    /* Color all items from the calendar called "Home Calendar" */
    color: #0090FF !important;
}
.calendar-task-tree > treechildren::-moz-tree-cell-text(alarm),
#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(alarm) {
    /* Color all items that have an alarm */
    color: red !important;
}
.calendar-task-tree > treechildren::-moz-tree-cell-text(status-in-process),
#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(status-confirmed) {
    /* Color all events that are confirmed and all tasks that are in process */
    color: #AA0000 !important;
}
.calendar-task-tree > treechildren::-moz-tree-cell-text(category-birthday),
#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(category-birthday) {
    /* Color all items that are in the birthday category */
    color: #00AA00 !important;
}

/**
* PURPOSE: color event boxes based on certain properties
*  To control the looks of the event boxes, you can use the following
*  selectors:
*    .calendar-event-box-container
*    .calendar-item
*    calendar-event-box
*    calendar-month-day-box-item
*  If the box doesn't look like you want it to, try different selectors, maybe
*  also incombination. Note again that certain fields are escaped (i.e
*  category) with the same function as noted above.
*/

calendar-event-box[readonly],
calendar-month-day-box-item[readonly] {
    /* Make events from readonly calendars half-transparent */
    opacity: 0.5;
}
.calendar-event-box-container[alarm] {
    /* Color all events that have an alarm */
    background-color: #00DD00 !important;
}
.calendar-event-box-container[categories~="birthday"] {
    /* Color all items that are in the Birthday category */
    background-color: blue !important;

}
.calendar-event-box-container[priority="high"] {
    /* Color all high priority items */
    background-color: #DD0000 !important;
}
.calendar-event-box-container[progress="overdue"] {
    /* Color all overdue tasks */
    background-color: red !important;
}
.calendar-event-box-container[status="in-process"] {
    /* Color all tasks that are in progress */
    background-color: #0090FF !important;
}
.calendar-event-box-container[calendar="home calendar"] {
    /* Color all items in the "Home Calendar" calendar */
    background-color: yellow !important;
}
.calendar-event-box-container[allday] {
    /* Color allday items specifically */
    background-color: #0000DD !important;
}

Bei der Gelegenheit: Wem der neu gestaltete Navigationsbereich über dem Kalenderblatt zu klein von der Schriftgröße her ist, der probiere mit Folgendem rum:

Code: Alles auswählen

.view-header {
   font-size: 20px !important;
}


Offenbar passen sich die recht kleinen Schaltflächen solchen Änderungen dann auch an.

Abschließend: Ich würde sagen, jemand sollte endlich ne CSS-Bastelecke im Wiki anlegen.

Schöne Grüße
Robert

[edvoldi]

Hallo Robert,
dann funktioniert das doch mit meinem Mondkalender
Wenn ich die userChrome, von Deinem Blog nehme und ein Mondbild einfüge, den Text weg lasse, dann sollte doch nur ein Vollmond zu sehen sein oder.

[boelmann]

Danke Robert,

das mit den Beispielen klappt bei mir jetzt wieder hervorragend,
meine Kategorien sind wieder wie vorher.
Der Aufwand gegenüber der Version 0.8 ist anscheinend sogar
geringer.
Und diesmal wirkt es sich auch auf die Tages-, Wochen- und Mehrwochen-
ansicht aus, wo wir in der Version 0.8 noch Probleme hatten.

Danke!!

Noch ne Frage: wie kann man das Wochenende umcolorieren.

Und in der Fehler-Konsole bekomme ich folgende Meldung:
Unerkannte Regel oder Fehler beim Verarbeiten der at-Regel ‘@namespace’

und hier die folgende Zeile, die ich aber nie geändert habe:
/**************************************
*** Farbe aktueller Tag*******************
*** Do not remove the @namespace line — ***
*** it’s required for correct functioning ****
***************************************/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

Johann

[edvoldi]

Mich würde noch interessieren wo der Pfad für die Bilder hinkommt.
Habe da was aus probiert, nur er zeigt kein Bild an

Edit: Die Bilder liegen im "Chrome" Verzeichnis des Profilordners.

[sts]

Und in der Fehler-Konsole bekomme ich folgende Meldung:
Unerkannte Regel oder Fehler beim Verarbeiten der at-Regel ‘@namespace’

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

Die Zeile sollte meines Wissen nach einmal ganz oben in der Datei userChrome.css stehen. Hast Du sie vielleicht mehrmals kopiert?

[sts]

Mich würde noch interessieren wo der Pfad für die Bilder hinkommt. Habe da was aus probiert, nur er zeigt kein Bild an

Funktioniert es wenn du einen kopletten Pfad angibst? Also z.B.

Code: Alles auswählen

background-image:url("file:///C:/bilder/vollmond.png") !important;

Eventuell kommt es auch darauf an welches Bildformat (.jpg, .gif, .png, etc.) verwendet wird?

Verwendest Du Sonderzeichen in dem Kategorienname? Diese muessen im css kodiert werden. Aus "Fußball" wird dann schnell mal "fu-uxdf-ball". Am besten die Kategorie anlegen und eine Farbe zuweisen. Dann über "Einstellungen > Erweitert > Allgemein > Konfiguration bearbeiten" nach "calendar.category.color." suchen und den kodierten Namen notieren.

[boelmann]

Danke dir sts,

Ich habe diese Zeile aus dem Mittelfeld an den Anfang kopiert und
in der Mitte gelöscht.
Siehe da der Fehler tritt nicht mehr auf.

Mensch was seit ihr für ein Team, ich versuche andauernd mich mit
CSS zu befassen, bekomme aber nichts auf die Reihe, und ihr schüttelt
es so einfach aus dem Ärmel. Alle Achtung, Hochachtung und weiter so!!!!
Mir fehlen einfach diverse Unterlagen und auch die Befehle wie
.calendar-event-box-container[calendar~="Geburtstage"].
Gibt es hier irgend etwas worauf man zurückgreifen kann?
Aber bitte aufgepasst ich bin 52 und habe leider nicht Englisch gelernt.

mfg Johann

[edvoldi]

So nachdem ich die Gartenarbeit hinter mir habe, kommt meine Antwort.
Es lag tatsächlich am Kategorien Name, aber warum kann ich nicht sagen, denn er war richtig eingetragen.
Erst nachdem ich eine neue Kategorie angelegt habe, hat es mit dem gesamten Pfad funktioniert.

[cYmen]

kann mir vielleicht jemand erklären wie das auszusehen hat wenn ich will, dass die farbe der kategorie übernommen wird?

und geht das auch für aufgaben?

[edvoldi]

Guten Morgen cYmen, so viel Zeit sollte sein.
In Lightning unter Extras/Einstellungen/Lightning/Kategorien.
In Sunbird unter Extras/Einstellungen/Kategorien.

[cYmen]

Danke erstmal fürs Antworten!

Leider hilft mir das nicht, ich habe schon Farben für Kategorien vergeben die scheinen aber nirgendwo benutzt zu werden :/

[edvoldi]

Danke erstmal fürs Antworten!
Leider hilft mir das nicht, ich habe schon Farben für Kategorien vergeben die scheinen aber nirgendwo benutzt zu werden :/

Du musst natürlich auch bei einem Termin/Aufgabe eine Kategorie auswählen, sonst geht es nicht.
Es ist auch immer gut zu wissen welches Betriebssytem und was für eine Version Du hast.
Eine etwas genauere Beschreibung was Du gemacht hast ist auch sinnvoll.

[cYmen]

Also ich benutze die aktuelle Version unter Ubuntu (version 2.0.0.17 (20080925)) und habe für Aufgaben/Termine Kategorien ausgewählt. Was noch? 🙂