Responsive Google Calendar iframe

[palewire]

The Google Calendar iframe on the /community page is now a fixed width, which breaks at mobile sizes.

This change follows the W3C advice for making it responsive at a 4:3 aspect ratio. There is no change to the content.

[krassowski]

Let's not mistake W3Schools for W3C (see https://www.w3fools.com/).

After the change the calendar may be too small on some devices:

In particular:

• after switching to week view it is not possible to switch back to the month view (I don't see a way to fix it)
• we will only see "+n more" for most days on most of the devices; we can fix this by changing the padding-top to e.g. 130%, which gives good results for most typical test phones:

[palewire]

I can try that padding jimmy. I think we gotta do something responsive here. This is the current look, which I would call a bug.

[krassowski]

This is the current look, which I would call a bug.

Yes, I agree that this is not great. Maybe we could consider using an alternative to Google Calendar which is fully privacy-respecting and responsive?

[krassowski]

One option would be https://fullcalendar.io/ which supports fetching from public Google Calendar: https://fullcalendar.io/docs/google-calendar.

[palewire]

@krassowski, I've added a taller mobile aspect ratio for you, and made a new ticket about Google Calendar.

#574

[palewire]

Here's the new mobile look.

[krassowski]

Thanks!