CSS Bastelecke 1.3 Terminsuche

Zurück zur Übersicht

Die Anzeige von Listeneinträgen in der Terminsuche kann auf der Grundlage verschiedener Eigenschaften angepasst werden, im Folgenden veranschaulicht anhand der Schriftfarbe.


Kalendername

Anpassen der Anzeige abhängig vom Kalender, dem ein Eintrag angehört:

#unifinder-search-results-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, kann er leider nicht per userChrome.css angesprochen werden.


Kategorie

Anpassen der Anzeige abhängig von der Kategorie, dem ein Eintrag angehört:

#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(anrufe) {
    color: red !important;
}

Erinnerung

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

#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(alarm) {
    color: red !important;
}


Status

Status: Vorläufig

Anpassen der Anzeige von Einträgen, deren Status “Vorläufig” ist:

#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(status-tentative) {
    color: red !important;
}


Status: Bestätigt

Anpassen der Anzeige von Einträgen, deren Status “Bestätigt” ist:

#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(status-confirmed) {
    color: red !important;
}


Status: Abgebrochen

Anpassen der Anzeige von Einträgen, deren Status “Abgebrochen” ist:

#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(status-cancelled) {
    color: red !important;
}


Kombination verschiedener Eigenschaften

Die oben genannten Eigenschaften von Terminen können auch problemlos miteinander kombiniert werden, sodass zum Beispiel nur Einträge angesprochen werden, die dem Kalender “Testkalender” angehören und zugleich der Kategorie “Anrufe” zugeordnet sind:

#unifinder-search-results-tree > treechildren::-moz-tree-cell-text(calendar-testkalender, anrufe) {
    color: red !important;
}

Spaltenköpfe der Terminsuche einfärben

Wer mag, kann den Beschriftungen der Tabellenspalten in der Terminsuche (“Titel”, “Beginn”, “Ende”, …) eine andere Farbe geben:

#unifinder-search-results-tree-col-title,
#unifinder-search-results-tree-col-startdate,
#unifinder-search-results-tree-col-enddate,
#unifinder-search-results-tree-col-categories {
  color: red !important;
}

Quelle: http://www.sunbird-kalender.de/forum/viewtopic.php?f=13&t=3101