TB 102 - Hintergrundfarbe in Zeitleiste der Tagesansicht des Kalenders ändern

bananovic

Ich möchte in der Zeitleiste (timebar) der Tagesansicht des Kalenders die Hintergrundfarbe ändern. Ich habe dazu in der userChrome.css folgenden Code eingefügt:

CSS

#day-view .multiday-hour-box .multiday-timbar-time {
   background-color: #F0F0F0 !important;
}

#day-view .multiday-hour-box .multiday-timbar-time .multiday-hour-box-off-time {
   background-color: #FFFFFF !important;
}

Die Hintergrundfarbe ändert sich aber nicht. Den Selektor geben die Entwicklerwerkzeuge aus. Was ist falsch an den Code?

dharkness21

Zitat von bananovic

Die Hintergrundfarbe ändert sich aber nicht. Den Selektor geben die Entwicklerwerkzeuge aus. Was ist falsch an den Code?

Weil die Selektoren nicht korrekt gesetzt sind, Du hast Leerschritte gesetzt, wo sie nicht hingehören, so ↓ läuft das bei mir schon recht lange, vergleiche bitte mit Deinen Einträgen.

CSS

.multiday-timebar-time.multiday-hour-box-off-time {
  background-color: #006800 !important;
}
.multiday-timebar-time {
  background-color: #F20 !important;
}

Mapenzi

Als erstes würde ich "timbar" durch "timebar" ersetzen und neu testen.

dharkness21

Zitat von Mapenzi

"timbar" durch "timebar" ersetzen

Ups, das habe ich gar nicht gesehen.

Mapenzi

dharkness21

selbst mit dem e in timebar funktioniert dein CSS Code bei mir nicht (macOS Version), ebenso wenig der von bananovic mit dem e

dharkness21

Zitat von Mapenzi

selbst mit dem e in timebar funktioniert dein CSS Code bei mir nicht (macOS Version)

Hm, funktioniert hier ohne Probleme.

CSS

.multiday-timebar .multiday-timebar-time.multiday-hour-box-off-time {
  background-color: #006800 !important;
}
.multiday-timebar .multiday-timebar-time {
  background-color: #0082FC !important;
}

bananovic

Zitat von Mapenzi

Als erstes würde ich "timbar" durch "timebar" ersetzen und neu testen.

Ein lästiger Schreibfehler. Das brachte es aber nicht.

dharkness21, dein Code hat es auch nicht gebracht, aber ich konnte damit probieren.

Der Grund meines Problems beteht offensichtlich darin, daß ich die schreckliche blaue Farbe in den Kalenderzeilen durch gelb ersetzt habe, und zwar mit folgendem Code:

CSS

#day-view .multiday-hour-box {
   background-color: #FFFAE8 !important;
}
#day-view .multiday-hour-box-off-time {
   background-color: #F5F0DE !important;
}

Dabei wurden nicht nur die Zeilen, in denen die Einträge erfolgen, gelb, sondern auch der linke Rest der Zeilen in der Timebar. Das wollte ich mit meine Code aus #1 wieder wegbringen. aber das ging nicht. Jetzt geht es in der Timebar. Die Leerschritte durften nicht gesetzt werden.

Mapenzi

Zitat von bananovic

Das brachte es aber nicht.

Nein, das allein konnte es nicht bringen.

Aber bei dieser Gelegenheit habe ich endlich heraus gefunden warum einige CSS Code bei mir nicht funktionierten.

Ich hatte oben in meiner userChrome.css Datei noch die alte Zeile

@namespace url("http://www.mozilla.org/keymaster/gate…ere.is.only.xul");

stehen, obwohl sie schon lange überholt zu sein scheint.

Und damit wird mir auch klar, wieso das Anpassen mancher Code an die v102 so kompliziert war bzw. trotz richtiger ID nicht klappte

bananovic

Diese Zeile ist in meinen CSS schon lange weg.

TB 102 - Hintergrundfarbe in Zeitleiste der Tagesansicht des Kalenders ändern

Community-Bot 3. September 2024 um 20:50

Thunderbird 138.0.1 veröffentlicht

Thunderbird 128.10.1 ESR veröffentlicht