Sunbird 1.0 Beta 1 + userChrome.css

Für: Sunbird 1.0b1, Lightning 1.0b1

Die CSS-Bastelecke im Wiki von sunbird-kalender.de wurde aktualisiert.
Im Grunde findet sich dort nun nicht viel Neues, vor allem habe ich die Einträge, die für Sunbird/Lightning 0.9 zu finden waren, einmal mit Sunbird 1.0 Beta 1 ausprobiert und entsprechend übertragen. Es ist weiterhin so, dass man per userChrome.css viel am Erscheinungsbild des Programms und an der Darstellung verschiedener Einträge verändern kann.

Und ich bin mir sicher, dass sich gerade für Lightning noch das eine oder andere ergänzen ließe, die Oberfläche wird dort schließlich immer komplexer…

Bei Interesse: sunbird-kalender.de: CSS-Bastelecke

Sunbird 0.9 anpassen: Einträge im Kalenderblatt

Für: Sunbird 0.9, Lightning 0.9

Die CSS-Bastelecke im Wiki von sunbird-kalender.de wurde aktualisiert.
Jetzt finden sich dort auch Informationen darüber, wie man seit Bug 202360 mithilfe verschiedener Kriterien die Darstellung von Aufgaben und Terminen im Kalenderblatt per userChrome.css verändern kann.

Aufgaben betrifft das dann logischerweise nur, wenn unter „Ansicht“ die Option „Aufgaben im Kalender“ ausgewählt ist und sie auch die Voraussetzungen erfüllen, um im Kalenderblatt angezeigt zu werden. Für die mehrwöchige und die Monatsansicht muss hierfür wenigstens ein Start der Aufgabe definiert sein, für die Tages- und Wochenansicht außerdem ein Ende der Aufgabe.

Bei Interesse: sunbird-kalender.de: CSS-Bastelecke

Sunbird 0.9 anpassen: Einträge in Aufgabenliste und Terminsuche

Für: Sunbird 0.9, Lightning 0.9

Die CSS-Bastelecke im Wiki von sunbird-kalender.de wurde aktualisiert.
Jetzt finden sich dort auch Informationen darüber, wie man seit Bug 202360 die Darstellung von Aufgaben in der Aufgabenliste (betrifft in Lightning auch die Liste im Tagesplan) sowie von Listeneinträgen in der Terminsuche anpassen kann. Mittlerweile stehen hier ja zahlreiche Kriterien zur Verfügung, auf denen CSS-Regeln aufbauen können. Lediglich das Ansprechen auf Kategoriebasis scheint leider nicht zu funktionieren (obwohl es eigentlich sollte?!).

Bei Interesse: sunbird-kalender.de: CSS-Bastelecke

Sunbird 0.9 anpassen: Kategorien

Für: Sunbird 0.9, Lightning 0.9

Beim Anpassen der Oberfläche von Sunbird mithilfe einer userChrome.css hat sich seit Sunbird 0.8 mal wieder etwas geändert – aber zum Guten: Mit weniger Selektoren kann man mehr anfangen.
Die kategorieabhängige Gestaltung der Termindarstellung funktioniert problemlos:

/* 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: Geburtstag */

.calendar-event-box-container[categories~=“geburtstag“] {
padding-left:20px !important;
background-image:url(„pics/luftballons.jpg“) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

Lediglich meine verwendeten Bilder müssen gegenüber früheren Versionen etwas verkleinert werden, da die Höhe der Terminbox sonst nicht ausreicht.
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 zur Geltung kommt.

Sunbird/Lightning 0.9 erschienen

Gestern Abend wurde nun endgültig Version 0.9 von Sunbird und Lightning freigegeben, den Kalenderanwendungen aus dem Hause Mozilla.
Neben den auch in den Versionshinweisen (für Sunbird; für Lightning) nachzulesenden Änderungen und Neuerungen stellen wir mit vor Stolz geschwellter Brust fest, dass auch eine gewisse Frickellösung in Zusammenhang mit Tooltips eingeflossen ist – das nächste Mal dann also gleich mutig ab in einen Bugzilla-Kommentar.

Zum Download

Freunde von CSS-Anpassungen müssen vermutlich einiges an ihrer userChrome.css umbauen, dazu demnächst hoffentlich mehr (Ungeduldige spicken in Bug 202360).

Sunbird 0.8 anpassen: Mindesthöhe für Terminbox erzwingen

Für: Sunbird 0.8, Lightning 0.8

Wenn ein Termin nur 5 oder 10 Minuten dauert, kann man ihn in Tages- und Wochenansicht nur schwer auswählen, weil man nicht mehr als einen Streifen von ihm sieht:

Nicht perfekt, aber pragmatisch lässt sich das beheben, indem man in einer userChrome.css eine Mindesthöhe für die Termindarstellung in diesen Ansichten vorgibt, z.B.:

/* Mindesthöhe Terminbox */
#day-view .calendar-item,
#week-view .calendar-item {
min-height: 16px !important;
}

So lässt sich der Titel wenigstens lesen:

Wer die Ansichten gerne in die Horizontale rotieren lässt, müsste wohl auf dieser Basis nach der richtigen Größe suchen:

/* Mindestbreite Terminbox */
#day-view .calendar-item[orient=“horizontal“],
#week-view .calendar-item[orient=“horizontal“] {
min-width: 30px !important;
}

Für Version 0.9 von Sunbird und Lightning ist dieser Fehler übrigens schon behoben, dann wird hierfür kein Eintrag in der userChrome.css mehr nötig sein.

Sunbird 0.8 anpassen: Kategorien

Für: Sunbird 0.8, Lightning 0.8

Beim Anpassen der Darstellung von Terminen auf Kategoriebasis hat sich seit Sunbird 0.3 einiges getan – vor allem insofern, als diese Spielereien in Sunbird 0.8 vorerst nur noch für mehrwöchige und Monatsansicht funktionieren.
Mit den Änderungen in Bug 202360 werden Sunbird/Lightning 0.9 zwar wieder wahre CSS-Spielwiesen, aber bis dahin hier mal zwei abgespeckte Beispiele für die kategorieabhängige Gestaltung der Termindarstellung über eine userChrome.css in 0.8-Zeiten:

/* Kategorie: Wichtig */
[item-category=“wichtig“] .calendar-item {
border: solid red 2px !important;
background: #FDD !important;
}

[item-category=“wichtig“] .calendar-item .calendar-event-selection {
border: none !important;
}

[item-category=wichtig] .calendar-month-day-box-item-label {
padding-left:15px !important;
background-image:url(„pics/sign07.png“) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

/* Kategorie: Geburtstag */
[item-category=geburtstag] .calendar-month-day-box-item-label {
padding-left:20px !important;
background-image:url(„pics/luftballons.jpg“) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

Und so könnte das dann aussehen:

Voraussetzung ist natürlich wie ‚damals‘, dass es (in diesem Beispiel) den Ordner „chrome/pics“ im Profilverzeichnis gibt, in dem die entsprechenden Bilder liegen.

Sunbird 0.8 anpassen: Ausgewählten Tag („selected“) einfärben

Für: Sunbird 0.8, Lightning 0.8

Um die Hintergrundfarbe des ausgewählten Tages in Wochenansicht, mehrwöchiger Ansicht und Monatsansicht anzupassen, braucht es folgende Einträge in einer userChrome.css:

/* Wochenansicht: Ausgewählten Tag anpassen */
calendar-header-container[selected=“true“],
.calendar-event-column-linebox[selected=“true“] {
background: #ff6633 !important;
}

/* Mehrwöchige Ansicht, Monatsansicht: Ausgewählten Tag anpassen */
.calendar-month-day-box-current-month[selected=“true“],
.calendar-month-day-box-day-off[selected=“true“],
.calendar-month-day-box-other-month[selected=“true“] {
background: #ff6633 !important;
}

Über das Ändern von #ff6633 (z.B. mit Hilfe der Farbpaletten bei SelfHTML) lässt sich die Hintergrundfarbe dann nach Belieben anpassen.

Sunbird 0.8 anpassen: „Heute“ einfärben

Für: Sunbird 0.8, Lightning 0.8

Um die Hintergrundfarbe des aktuellen Tages in Wochenansicht, mehrwöchiger Ansicht und Monatsansicht anzupassen, braucht es folgende Einträge in einer userChrome.css:

/* Wochenansicht: Heute anpassen */
calendar-header-container[relation=“today“],
.calendar-event-column-linebox[relation=“today“] {
background: #ff6633 !important;
}

/* Wochenansicht: Selected-Standard wiederherstellen */
calendar-header-container[selected=“true“],
.calendar-event-column-linebox[selected=“true“] {
background: #ffe79c !important;
}

/* Mehrwöchige Ansicht, Monatsansicht: Heute anpassen */
.calendar-month-day-box-current-month[today=“true“],
.calendar-month-day-box-day-off[today=“true“],
.calendar-month-day-box-other-month[today=“true“] {
background: #ff6633 !important;
}

/* Mehrwöchige Ansicht, Monatsansicht: Selected-Standard wiederherstellen */
.calendar-month-day-box-current-month[selected=“true“],
.calendar-month-day-box-day-off[selected=“true“],
.calendar-month-day-box-other-month[selected=“true“] {
background: #ffe79c !important;
}

Über das Ändern von #ff6633 (z.B. mit Hilfe der Farbpaletten bei SelfHTML) lässt sich die Hintergrundfarbe dann nach Belieben anpassen.

Neue Erweiterungen für Sunbird

[.-= REPOST – die Datenbank hat’s zerrissen =-.]

Die folgenden Erweiterungen gibt’s nun auch in angepassten bzw. aktualisierten Versionen für die Installation unter Mozilla Sunbird:

  • Update Notifier:
    „Benachrichtigt Sie, wenn Updates für Ihre Erweiterungen und Themes verfügbar sind.“ (erweiterungen.de)
    Update Notifier
    Weitere Informationen und den Download gibt’s hier: http://www.nadelundhirn.de/erweiterungen/
  • Edit Config Files:
    „Bearbeiten Sie die Konfigurations-Dateien (userChrome.css, userContext.css, user.js, prefs.js) in Ihrem bevorzugten Text-Editor. Dazu müssen Sie sich nun auch keine Gedanken mehr über den korrekten Ort dieser Dateien machen, da die Erweiterung dies für Sie übernimmt. Wenn eine der Dateien noch nicht existiert, wird sie automatisch erstellt.“ (erweiterungen.de) Praktisch für alle Einträge zum Thema „Sunbird anpassen“.
    Edit Config Files
    Weitere Informationen und den Download gibt’s hier: http://www.nadelundhirn.de/erweiterungen/
  • InfoLister:
    Listet installierte Erweiterungen und Themes in verschiedenen Ausgabeformaten auf.
    infolister-01
    Weitere Informationen und den Download gibt’s hier: http://mozilla.doslash.org/infolister/