Tb91 made my Chrome.css changes go away for Calendar

Discussion of general topics about Mozilla Thunderbird
Post Reply
User avatar
Code Name
Posts: 205
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Tb91 made my Chrome.css changes go away for Calendar

Post by Code Name »

Tb91 made my Chrome.css changes go away for Calendar. Is there something I need to do/change to get it back?
Last edited by Code Name on October 11th, 2021, 1:10 pm, edited 3 times in total.
Politicians and Diapers must be changed often for the exact same reason...
morat
Posts: 6432
Joined: February 3rd, 2009, 6:29 pm

Re: Tb91 has made my Chrome.css changes for Calendar to go a

Post by morat »

What tweaks are you talking about?

I believe the event category colors tweak isn't possible in Thunderbird 91.

More info: http://forums.mozillazine.org/viewtopic ... #p14903208
User avatar
Code Name
Posts: 205
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Re: Tb91 has made my Chrome.css changes for Calendar to go a

Post by Code Name »

This is what I have in my userChrome.css in my Profile folder:

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/

@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul"); /* set default namespace to XUL */

.calendar-month-day-box-date-label {
color: DarkSlateGray !important;
font-family: Arial !important;
font-size: 13px !important;
font-weight: bold !important;
}

/* ► To change the vertical spacing between mulitiple events in the Multiweek and Month views (padding 'bottom' 4px is standard). */

calendar-month-day-box-item {
margin: 0px 1px 0px 1px !important; /* top right bottom left */
border: 0px solid red !important; /* width style color */
padding: 0px 1px 2px 1px !important; /* top right bottom left */
}


/* ► To change the font size in the folder pane (left-hand pane with email folders). */

#folderTree treechildren::-moz-tree-cell-text {
color: black !important;
font-family: Arial !important;
font-size: 13px !important;
}



/* ► To remove entirely the category box colors on the far right-hand side of the event bars. */

.calendar-category-box-gradient {
width: 0 !important;
}



/* ► To color event backgrounds with the category colors (reversing the calendar color for the category color). */

calendar-month-day-box-item[categories^="anniversary"] .calendar-color-box {
background-color: var(--category-anniversary-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="announcements"] .calendar-color-box {
background-color: var(--category-announcements-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="appointments_non_health_related"] .calendar-color-box {
background-color: var(--category-appointments_non_health_related-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="battery_change_replace"] .calendar-color-box {
background-color: var(--category-battery_change_replace-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="billing_payment_statement"] .calendar-color-box {
background-color: var(--category-billing_payment_statement-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="birthdays"] .calendar-color-box {
background-color: var(--category-birthdays-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="car_wash"] .calendar-color-box {
background-color: var(--category-car_wash-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="check_status"] .calendar-color-box {
background-color: var(--category-check_status-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="computer_related"] .calendar-color-box {
background-color: var(--category-computer_related-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="confirmation_follow_up"] .calendar-color-box {
background-color: var(--category-confirmation_follow_up-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="contact_lenses"] .calendar-color-box {
background-color: var(--category-contact_lenses-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="courtesy_action"] .calendar-color-box {
background-color: var(--category-courtesy_action-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="deaths_visitations_funerals"] .calendar-color-box {
background-color: var(--category-deaths_visitations_funerals-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="dinner_plans"] .calendar-color-box {
background-color: var(--category-dinner_plans-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="discoveries_revelations"] .calendar-color-box {
background-color: var(--category-discoveries_revelations-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="events"] .calendar-color-box {
background-color: var(--category-events-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="family"] .calendar-color-box {
background-color: var(--category-family-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="financial_investment_business"] .calendar-color-box {
background-color: var(--category-financial_investment_business-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="golf"] .calendar-color-box {
background-color: var(--category-golf-color) !important;
color: white !important;
}
calendar-month-day-box-item[categories^="golf_practice"] .calendar-color-box {
background-color: var(--category-golf_practice-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="grandchildren"] .calendar-color-box {
background-color: var(--category-grandchildren-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="haircut"] .calendar-color-box {
background-color: var(--category-haircut-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="health_appt_illness_vaccinations_checkups"] .calendar-color-box {
background-color: var(--category-health_appt_illness_vaccinations_checkups-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="holidays"] .calendar-color-box {
background-color: var(--category-holidays-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="house_stuff"] .calendar-color-box {
background-color: var(--category-house_stuff-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="idea_belief_concept_theory_thought_view"] .calendar-color-box {
background-color: var(--category-idea_belief_concept_theory_thought_view-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="information-ux2f-planning-ux2f-hearing"] .calendar-color-box {
background-color: var(--category-information-ux2f-planning-ux2f-hearing-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="local_state_national_or_global_concern"] .calendar-color-box {
background-color: var(--category-local_state_national_or_global_concern-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="meetings_classes_courses_programs"] .calendar-color-box {
background-color: var(--category-meetings_classes_courses_programs-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="miscellaneous"] .calendar-color-box {
background-color: var(--category-miscellaneous-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="news"] .calendar-color-box {
background-color: var(--category-news-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="orders_purchases_online_phone_in_person"] .calendar-color-box {
background-color: var(--category-orders_purchases_online_phone_in_person-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="personal"] .calendar-color-box {
background-color: var(--category-personal-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="phone_calls"] .calendar-color-box {
background-color: var(--category-phone_calls-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="politics"] .calendar-color-box {
background-color: var(--category-politics-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="presents_gifts_shopping"] .calendar-color-box {
background-color: var(--category-presents_gifts_shopping-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="projects_repairs_service"] .calendar-color-box {
background-color: var(--category-projects_repairs_service-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="proposals"] .calendar-color-box {
background-color: var(--category-proposals-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="remembrance"] .calendar-color-box {
background-color: var(--category-remembrance-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="reminder"] .calendar-color-box {
background-color: var(--category-reminder-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="sadie_mae"] .calendar-color-box {
background-color: var(--category-sadie_mae-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="seasons_and_time_change"] .calendar-color-box {
background-color: var(--category-seasons_and_time_change-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="signup_enroll_renew_refill_change_replace_cancel"] .calendar-color-box {
background-color: var(--category-signup_enroll_renew_refill_change_replace_cancel-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="social_security"] .calendar-color-box {
background-color: var(--category-social_security-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="special_health_events"] .calendar-color-box {
background-color: var(--category-special_health_events-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="special_medications"] .calendar-color-box {
background-color: var(--category-special_medications-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="spending_the_night"] .calendar-color-box {
background-color: var(--category-spending_the_night-color) !important;
color: black !important;
}

calendar-month-day-box-item[categories^="trips_travel"] .calendar-color-box {
background-color: var(--category-trips_travel-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="unc_sports_game"] .calendar-color-box {
background-color: var(--category-unc_sports_game-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="vacation"] .calendar-color-box {
background-color: var(--category-vacation-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="visits_parties_get_togethers"] .calendar-color-box {
background-color: var(--category-visits_parties_get_togethers-color) !important;
color: white !important;
}

calendar-month-day-box-item[categories^="weather_event"] .calendar-color-box {
background-color: var(--category-weather_event-color) !important;
color: black !important;
}
Politicians and Diapers must be changed often for the exact same reason...
User avatar
Code Name
Posts: 205
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Re: Tb91 has made my Chrome.css changes for Calendar to go a

Post by Code Name »

morat wrote:What tweaks are you talking about?

I believe the event category colors tweak isn't possible in Thunderbird 91.

More info: http://forums.mozillazine.org/viewtopic ... #p14903208
I guess the css workaround for Calendar will no longer work. All that work is down the drain I guess...what a shame! Is Tb 91 supposed to be an improvement? Looks to me like the developers screwed things up with the Calendar by removing the Category attributes. What else is new with Tb!!!

My feelings about the Tb team is about like how I feel about the U.S. Congress! Man, what a mess!
Politicians and Diapers must be changed often for the exact same reason...
User avatar
Code Name
Posts: 205
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Re: Tb91 made my Chrome.css changes for Calendar to go away

Post by Code Name »

morat - Is there a way to make the Tb91 Calendar events in the Multiweek View and Month View display the same larger size as events display in the Week View?
Politicians and Diapers must be changed often for the exact same reason...
morat
Posts: 6432
Joined: February 3rd, 2009, 6:29 pm

Re: Tb91 made my Chrome.css changes go away for Calendar

Post by morat »

The first three entries should work correctly.

The other entries are obsolete.

i.e.

Code: Select all

.calendar-category-box-gradient {
  width: 0 !important;
}
calendar-month-day-box-item[categories^="..."] .calendar-color-box {
  background-color: var(--category-...-color) !important;
  color: ... !important;
}
User avatar
Code Name
Posts: 205
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Re: Tb91 made my Chrome.css changes go away for Calendar

Post by Code Name »

morat wrote:The first three entries should work correctly.

The other entries are obsolete.

i.e.

Code: Select all

.calendar-category-box-gradient {
  width: 0 !important;
}
calendar-month-day-box-item[categories^="..."] .calendar-color-box {
  background-color: var(--category-...-color) !important;
  color: ... !important;
}
The 3rd entry I had does not remove the category box colors on the far right-hand side of the event bars. But that's okay since all the other entries (which reversed the category color with the calendar box color) are now obsolete and don't work with Tb91's Calendar. It actually works out for the best to have the category box colors on the far right-hand side of the event bar since I can no longer reverse the category color with the calendar box color.

Question - I would like to have the event box larger in Multiweek and Month like it is in Week. Is that even possible with Tb91's Calendar?
Politicians and Diapers must be changed often for the exact same reason...
User avatar
Code Name
Posts: 205
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Re: Tb91 made my Chrome.css changes go away for Calendar

Post by Code Name »

Code Name wrote:
Question - I would like to have the event box larger in Multiweek View and Month View like it is in Week View. Is that even possible with Tb91's Calendar?
Guess not! Right?
Politicians and Diapers must be changed often for the exact same reason...
Post Reply