1799934 - Improve the UI style of the minimonth date grid

Status: RESOLVED FIXED

(Calendar :: Calendar Frontend, enhancement)

Description

[Alessandro Castellani [:aleca]]

• Update the UI of the date grid of the mini-month calendar.
• Defer the header area (navigation buttons) to another bug.
• Ensure light, dark, and HC mode variations.
• Ensure the mini-month follows the density variations.
• Ensure the mini-month looks consistent everywhere it's used (calendar siderbar, event creation dialog, today pane, etc).

The calendar currently uses a special [systemcolors] attribute for a11y purpose.
This was an old implementation from a time we didn't support the prefer-contrast media query.
We can drop this from the CSS of the minimonth.

Comment 1

[Elizabeth Mitchell]

Attachment: Bug 1799934 - Improve styling of minimonth date grid. r=aleca

• Update styling of minimonth calendar
• Make day of week headings bold
• Change color of dates outside of current month
• Style selected date
• Add density padding variables
• Style days with events

Comment 2

[Elizabeth Mitchell]

There's an outstanding patch that has been code reviewed and approved. But I need to fix high contrast in order to not introduce a new bug.

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/comm-central/rev/bc43854c8f4c
Improve styling of minimonth date grid. r=aleca