CSS Bastelecke 1.3 Aufgaben

Zurück zur Übersicht

Die Anzeige von Aufgaben kann auf der Grundlage verschiedener Eigenschaften angepasst werden, im Folgenden veranschaulicht anhand der Schriftfarbe.

Kalendername

Anpassen der Anzeige abhängig vom Kalender, dem eine Aufgabe angehört:

.calendar-task-tree > treechildren::-moz-tree-cell-text(calendar-testkalender) {
    color: red !important;
}

Unabhängig vom tatsächlichen Namen (z.B. “Testkalender”) muss der Kalendername in der userChrome.css in Kleinbuchstaben (im obigen Beispiel: “testkalender”) geschrieben werden.

Leerzeichen in Kalendernamen werden durch einen Unterstrich ersetzt, “Mein Testkalender” würde also zu “mein_testkalender”. Enthält ein Kalendername Umlaute oder andere Sonderzeichen, müssen diese mit dem Unicode-Zeichensatz maskiert werden.

Kategorie

Anpassen der Anzeige abhängig von der Kategorie, dem eine Aufgabe angehört:

.calendar-task-tree > treechildren::-moz-tree-cell-text(anrufe) {
    color: red !important;
}

Erinnerung

Anpassen der Anzeige, wenn für eine Aufgabe eine Erinnerung eingetragen ist:

.calendar-task-tree > treechildren::-moz-tree-cell-text(alarm) {
    color: red !important;
}

Status

Status: Benötigt Eingriff

Anpassen der Anzeige von Aufgaben, deren Status “Benötigt Eingriff” ist:

.calendar-task-tree > treechildren::-moz-tree-cell-text(status-needs-action) {
    color: red !important;
}

Status: In Arbeit

Anpassen der Anzeige von Aufgaben, deren Status “In Arbeit” ist:

.calendar-task-tree > treechildren::-moz-tree-cell-text(status-in-process) {
    color: red !important;
}

Status: Abgeschlossen am …

Anpassen der Anzeige von Aufgaben, deren Status “Abgeschlossen am” ist:

.calendar-task-tree > treechildren::-moz-tree-cell-text(status-completed) {
    color: red !important;
}

Status: Abgebrochen

Anpassen der Anzeige von Aufgaben, deren Status “Abgebrochen” ist:

.calendar-task-tree > treechildren::-moz-tree-cell-text(status-cancelled) {
    color: red !important;
}

Kombination verschiedener Eigenschaften

Die oben genannten Eigenschaften von Aufgaben können auch problemlos miteinander kombiniert werden, sodass zum Beispiel nur solche Einträge angesprochen werden, die dem Kalender “Testkalender” und der Kategorie “Anrufe” angehören und für die zugleich eine Erinnerung eingerichtet wurde:

.calendar-task-tree > treechildren::-moz-tree-cell-text(calendar-testkalender, anrufe, alarm) {
    color: red !important;
}