Make past meetings paler to ease calendar usage

[oglekler]

​https://make.wordpress.org/meetings/

If a contributor is looking on the meeting schedule most likely he/she is interested in upcoming events and less often to see when something had happened, so, it will be nice to understand from the first glance when is the next meeting you can attend and didn't refer to the calendar on your computer what day it is. Sometimes you cannot recall what is the day number right now, possible because they are moving too fast.

[tellyworth]

This seems like a good first bug. The code is at ​https://github.com/WordPress/meeting-calendar

[matteoenna]

I read that it's a "good first bug", can I try to fix it?

I thought I would solve it this way, also following the style of Google Calendar:

• add a class to the past events, I will need this to add an opacity
• add a style to the current day, perhaps a background

An example of my idea. Could it go?

[marcochiesi]

I worked on this at WordCamp US with the help of @kau-boy

​https://github.com/WordPress/meeting-calendar/pull/157

[adamwood]

@joen @fcoveram what are your thoughts for a design treatment for past meeting please? Conscious that we need to maintain contrast ratios, so dimming opacity likely won't work. Could use a grey maybe?

[adamwood]

New design with current day highlighted

[Joen]

Conscious that we need to maintain contrast ratios, so dimming opacity likely won't work.

Since the items are in the past, does that requirement actually apply here? Asking genuinely, since it seems industry practice to reduce opacity on past events to make visually very clear that it's a past event.

Another option would be to use the gray background on the column itself, instead of using it to define Saturday and Sunday, to define *past*. So if an event is in the past, don't change the color at all, just have a gray background on the column.

[adamwood]

Replying to Joen:

Conscious that we need to maintain contrast ratios, so dimming opacity likely won't work.

Since the items are in the past, does that requirement actually apply here? Asking genuinely, since it seems industry practice to reduce opacity on past events to make visually very clear that it's a past event.

Another option would be to use the gray background on the column itself, instead of using it to define Saturday and Sunday, to define *past*. So if an event is in the past, don't change the color at all, just have a gray background on the column.

Hmm fair point. I'll explore both, thanks.

[adamwood]

Done via ​https://github.com/WordPress/meeting-calendar/pull/161