bessere Sichtbarkeit des HEUTIGEN Tages

Bastler

Da dieser Thread noch nicht verriegelt ist, schiebe ich eine optimierte Version hinterher.
Den vorherigen Code vor dem Einfügen löschen.

CSS

/* ---Kopfleiste fuer Auswahl Tag, Woche, Monat schlanker--- */
#calendarViewHeader {
appearance: none !important;
  height: 1.7rem !important;
}

/* ---Monatsansicht & mehrere Wochen Kalender rechte Seite aktuellen Tag hervorheben--- */
.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"] {
appearance: none !important;
  border: 1px solid red !important;
  background-color: #FFFAF0 !important;
}

/* ---Monatsansicht & mehrere Wochen bei Auswahl anderer Tag--- */
.calendar-month-day-box-current-month:not([relation="today"])[selected="true"],
.calendar-month-day-box-day-off:not([relation="today"])[selected="true"],
.calendar-month-day-box-other-month:not([relation="today"])[selected="true"] {
appearance: none !important;
  border: 2px dashed blue !important;
}

/* ---Wochenansicht aktuellen Tag hervorheben--- */
#week-view .day-column-today .day-column-heading { /* Kopflabel */
appearance: none !important;
  border: 1px solid red !important;
  background-color: #FFFAF0 !important;
}
#week-view .day-column-today calendar-header-container, /* unter Kopflabel */
#week-view .day-column-today .multiday-hour-box { /* Stundeneinteilung */
appearance: none !important;
  border-left: 1px solid red !important;
  border-right: 1px solid red !important;
  background-color: #FFFAF0 !important;
}

/* ---Wochenansicht bei Auswahl anderer Tag--- */
.day-column-selected:not(.day-column-today) :is(.day-column-heading) {
appearance: none !important;
  border: 2px dashed #555 !important;
}
.day-column-selected:not(.day-column-today) :is(calendar-header-container, .multiday-hour-box) { 
appearance: none !important;
  border-left: 2px dashed #555 !important;
  border-right: 2px dashed #555 !important;
}

/* ---Tagesansicht Kopflabel & Flaeche hervorheben--- */
#day-view .allday-events-list,
calendar-day-view article.day-column-today .day-column-heading,
calendar-day-view article.day-column-today .multiday-hour-box {
appearance: none !important;
  background-color: #FFFAF0 !important;
}

Alles anzeigen

DarkCorri53i

Zitat von Bastler

Da dieser Thread noch nicht verriegelt ist, schiebe ich eine optimierte Version hinterher.

Hallo Bastler,

könnte es sein das du in Zeile 30 einen Punkt vergessen hast?

Gruß

Markus

Bastler

Zitat von DarkCorri53i

könnte es sein das du in Zeile 30 einen Punkt vergessen hast?

Hallo,
nein, da wird kein Punkt gesetzt, das ist keine Klasse. Schau einmal in den Entwickler-Werkzeugkasten,
oder setze zum Test einen Punkt oder kommentiere die Zeile aus und betrachte das Resultat nach Neustart.

Bei einem fehlenden oder falschen Zeichen würde eine Zeile unwirksam.
Kann sogar den Rest beeinflussen, wenn es sich um elementares wie Semikolon oder Klammer handelt.

DarkCorri53i

Zitat von Bastler

Zitat von DarkCorri53i

könnte es sein das du in Zeile 30 einen Punkt vergessen hast?

Hallo,
nein, da wird kein Punkt gesetzt, das ist keine Klasse. Schau einmal in den Browserwerkzeugen,
oder setze zum Test einen Punkt oder kommentiere die Zeile aus und betrachte das Resultat nach Neustart.
Bei einem fehlenden oder falschen Zeichen würde eine Zeile unwirksam.
Kann sogar den Rest beeinflussen, wenn es sich um elementares wie Semikolon oder Klammer handelt.

Hallo Bastler,

hast recht, habe es gerade noch einmal ausprobiert. Sorry!

Gruß

Markus

nikes

Hallo Bastler und andere,

ich habe den CSS-Code aus #21 jetzt mehrfach ausprobiert und auch andere Forenbeiträge bzw. Tipps zum Thema gelesen, aber das, was ich brauche, funktioniert auf meinem Rechner einfach nicht.

Aus #21 funktioniert alles, außer den Änderungen in der Wochenansicht, da bleibt es bei den Standardvorgaben. Genau die möchte ich aber ändern. - TB 115.10.1 (32-Bit) unter WIN10.

Danke für Hilfe / Ideen

Bastler

Zitat von nikes

TB 115.10.1 (32-Bit) unter WIN10.

Hallo,
die letzte gültige Version dieser Reihe ist 115.16.2

Zitat von nikes

außer den Änderungen in der Wochenansicht

Ersetze den bisherigen Code, versuche folgenden

CSS

/* ---115.x---Kalender Layout--- */

/* ---Kopfleiste fuer Auswahl Tag, Woche, Monat schlanker--- */
#calendarViewHeader {
appearance: none !important;
  height: 1.7rem !important;
}

/* ---Monatsansicht & mehrere Wochen Kalender rechte Seite aktuellen Tag hervorheben--- */
.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"] {
appearance: none !important;
  border: 1px solid red !important;
  background-color: #FFFAF0 !important;
}

/* ---Monatsansicht & mehrere Wochen bei Auswahl anderer Tag--- */
.calendar-month-day-box-current-month:not([relation="today"])[selected="true"],
.calendar-month-day-box-day-off:not([relation="today"])[selected="true"],
.calendar-month-day-box-other-month:not([relation="today"])[selected="true"] {
appearance: none !important;
  border: 2px dashed blue !important;
}

/* ---Wochenansicht aktuellen Tag hervorheben--- */
#week-view .day-column-today .day-column-heading { /* Kopflabel */
appearance: none !important;
  border: 1px solid red !important;
  background-color: #FFFAF0 !important;
}
#week-view .day-column-today calendar-header-container { /* unter Kopflabel */
appearance: none !important;
  border-left: 1px solid red !important;
  border-right: 1px solid red !important;
  background-color: #FFFAF0 !important;
}
#week-view .day-column-today .multiday-hour-box { /* Stundeneinteilung */
appearance: none !important;
  border-left: 1px solid red !important;
  border-right: 1px solid red !important;
  background-color: #FFFAF0 !important;
}

/* ---Wochenansicht bei Auswahl anderer Tag--- */
.day-column-selected:not(.day-column-today) :is(.day-column-heading) {
appearance: none !important;
  border: 2px dashed #555 !important;
}
.day-column-selected:not(.day-column-today) :is(.allday-events-list, .multiday-hour-box) { 
appearance: none !important;
  border-left: 2px dashed #555 !important;
  border-right: 2px dashed #555 !important;
}

/* ---Titel in Wochenansicht einzeilig--- */
:is(calendar-day-view, calendar-week-view) .event-name-label {
appearance: none !important;
  min-height: 10px !important;
  max-height: 18px !important;
}

/* ---Tagesansicht Kopflabel & Flaeche hervorheben--- */
#day-view .day-column-today .day-column-heading,
#day-view .day-column-today calendar-header-container,
#day-view .day-column-today .multiday-hour-box {
appearance: none !important;
  background-color: #FFFAF0 !important;
}

/* ---Kalenderwoche Label--- */
.calendar-month-day-box-week-label.calendar-month-week-label {
appearance: none !important;
 width: 3.3rem !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
 background-color: #DADADA !important;
 font-size: 11px !important;
}

/* ---Datum Zahl aktueller Tag--- */
.calendar-month-day-box-date-label[relation="today"] {
appearance: none !important;
  color: black !important;
}

/* ---Tagesdatum Label (Hintergrund)--- */
.calendar-month-day-box-date-label.calendar-month-day-label[relation="today"],
.calendar-month-day-box-date-label.calendar-month-day-label[relation="today"]::before {
appearance: none !important;
 width: 3.7rem !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
 background-color: lightblue !important;
}

/* ---unter Tages-Kopfbalken eine Linie--- */
.calendar-month-day-box-dates {
appearance: none !important;
  border-bottom: 0.1px solid #E2E2E2 !important;
}

/* ---farbige Terminbalken schlanker--- */
.calendar-color-box {
appearance: none !important;
  padding: 1px !important;
}

/* ---Terminbalken teilweise in Kategoriefarbe (Prozente nach Gusto)--- */
.calendar-category-box {
appearance: none !important;
  width: 20% !important;
}

Alles anzeigen

nikes

Hallo,

habe den Code von #26 gerade ausprobiert, leider ohne Erfolg. - Zuvor habe ich auf TB 115.16.2 aktualisiert.

Zu Testzwecken habe ich die Farben verändert, führt bei "Mehrere Wochen" und "Monat" zur erwünschten Änderung, bei "Woche" passiert leider nix.

Danke erst einmal und beste Grüße

Nikes

Bastler

Zitat von nikes

passiert leider nix

Das funktioniert alles bei mir klaglos. Dann gibt es wohl ein grundsätzliches Problem im Profil.
Da hilft wohl nur als Gegenprobe ein neues Profil parallel zum existierenden.
Hier eine beispielhafte Anleitung | ist umfangreich, bitte erst aufmerksam lesen, ggf. als Leitfaden ausdrucken.

nikes

Hallo Bastler,

hat geklappt!!!

Habe drei Profile im Profilmanager und habe ein nur etwas älteres gewählt. "UserChrome.css" war nicht vorhanden, neu erstellt und den Code aus #26 einkopiert, und siehe da, auch die Tagesspalte in der Wochenansicht lässt sich verändern. - PRIMA.

Nochmals herzlichen Dank und beste Grüße

Winnie

bessere Sichtbarkeit des HEUTIGEN Tages

Thunderbird 128.4.4 ESR veröffentlicht

Thunderbird 115.16.3 ESR veröffentlicht

Ähnliche Themen

Thunderbird akzeptiert GMX-Zertifikat nicht

Hilfe zur farblichen Anpassung TB 115.3.1 (64)