MozillaZine


Css for Calendar Dates to be bolder and more visible

For discussing the Mozilla Calendar, Sunbird and Lightning projects.
Code Name

User avatar
 
Posts: 181
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Post Posted May 29th, 2021, 8:32 am

Has anyone come up with Css to make the Calendar's dates (circled in red) a little bolder and more visible?

Image
Politicians and Diapers must be changed often for the exact same reason...

morat
 
Posts: 4852
Joined: February 3rd, 2009, 6:29 pm

Post Posted May 29th, 2021, 10:16 am

Try these:

Code: Select all
.calendar-month-day-box-date-label { color: red !important; }

Code: Select all
:root { --viewMonthDayBoxLabelColor: red !important; }

Reference
http://searchfox.org/comm-esr78/search?q=calendar-month-day-box-date-label
http://searchfox.org/comm-esr78/search?q=viewMonthDayBoxLabelColor

How to get DOM info
http://forums.mozillazine.org/viewtopic.php?p=14866214#p14866214

Code Name

User avatar
 
Posts: 181
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Post Posted May 29th, 2021, 10:51 am

Thank you, morat.
Politicians and Diapers must be changed often for the exact same reason...

Code Name

User avatar
 
Posts: 181
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Post Posted May 29th, 2021, 11:55 am

How can I increase the font size one larger and make it bold?
Politicians and Diapers must be changed often for the exact same reason...

Code Name

User avatar
 
Posts: 181
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Post Posted May 29th, 2021, 12:44 pm

I find it strange that certain days of the month are selected in Multiweek to display he month and date - such a May 23, May 31, Jun 19, Jun 26, Jun 30, Jul 1, Jul 10, Jul 17, Jul 24, Jul 31, Aug 21, etc. I can't figure out why these particular dates are significant and are displayed by month and date.

month and date in the top right-hand portion of the date box. However, When I scroll the calendar those dates no longer are displayed by month and date in the date box.


Does anyone have an idea why those dates are selected and displayed in Multiweek?
Politicians and Diapers must be changed often for the exact same reason...

morat
 
Posts: 4852
Joined: February 3rd, 2009, 6:29 pm

Post Posted May 30th, 2021, 3:27 am

Try this:

Code: Select all
.calendar-month-day-box-date-label {
  font-size: 16px !important;
  font-weight: bold !important;
}

The default font-size is 0.9em in the calendar-views.css file.

CSS Reference
http://developer.mozilla.org/docs/Web/CSS/Reference

AFAICT,

Format 1: Month Day
Format 2: Day Month

The multiweek calendar uses format 1 for...

* top leftmost box
* bottom rightmost box
* first day of month box
* last day of month box

The multiweek calendar uses format 2 if the top leftmost or bottom rightmost box is the same as the first or last day of month box.

Code Name

User avatar
 
Posts: 181
Joined: December 23rd, 2019, 1:53 pm
Location: Dallas, TX

Post Posted May 30th, 2021, 6:30 am

morat wrote:Try this:

Code: Select all
.calendar-month-day-box-date-label {
  font-size: 16px !important;
  font-weight: bold !important;
}

The default font-size is 0.9em in the calendar-views.css file.

CSS Reference
http://developer.mozilla.org/docs/Web/CSS/Reference

AFAICT,

Format 1: Month Day
Format 2: Day Month

The multiweek calendar uses format 1 for...

* top leftmost box
* bottom rightmost box
* first day of month box
* last day of month box

The multiweek calendar uses format 2 if the top leftmost or bottom rightmost box is the same as the first or last day of month box.
Thanks for the info on the default font size. I was aware of the odd font size for different fonts and didn't want to get in trouble trying to do something I shouldn't be messing with.

Okay on the Format 1 & 2. I guess that box format layout is helpful for some people to quickly identify month dates.
Politicians and Diapers must be changed often for the exact same reason...

WaltS48

User avatar
 
Posts: 4996
Joined: May 7th, 2010, 9:38 am
Location: Pennsylvania, USA

Post Posted May 30th, 2021, 7:29 am

Have you tried adjusting the brightness and contrast of your monitor?
The built-in dark theme?
Linux Desktop - AMD Athlon(tm) II X3 455 3.3GHz | 8.0GB RAM | GeForce GT 630
Windows Notebook - AMD A8 7410 2.2GHz | 6.0GB RAM | AMD Radeon R5

Return to Calendar


Who is online

Users browsing this forum: No registered users and 1 guest