fix: schedule hovering style

[yuyanghh]

Types of changes

• Bugfix

Description

Follow Figma design to fix the style of schedule table on mouse hovering

2021-08-30.9.08.36.mov

[mattwang44]

why does this change needed?

[yuyanghh]

I found that the scroll behavior on production page is failed because the anchor and the url are inconsistent.
Reproduce steps:

1. go to PyCon Taiwan 2021 official site
2. head to schedule page
3. click on the first keynote by 魏澤人
4. being directed to keynote page without scroll behavior

Thus, modifying the data used as id can fix the issue.

[mattwang44]

I always get the english content on schedule page (cannot change with locale switch) and thus the generated id is correct for me. I assume you get the zh-hant content on this page?

[yuyanghh]

Yes ~ I thought that's why the scroll behavior failed.

[mattwang44]

just curious. why can't we get rid of media query here?

Suggested change

	@media (hover: hover) {
	&:hover {
	color: #000000;
	background-color: #d1ac23;
	}
	}
	&:hover {
	color: #000000;
	background-color: #d1ac23;
	}

[yuyanghh]

Without hover media query, mobile users could unintentionally active hover state.

[flynnhou]

@yuyanghh Thanks for submitting the PR!

A few things to point out here:

1. The hover effect should only apply to the ones having links to navigate to. Blocks like room, break, etc. shouldn't change the background color for they're meant to be static.
2. I'm curious about if the media query could be replaced by pointer events, e.g., pointerenter? Utilize such events to toggle the classes, and then define the hover style in css selectors with the classes so that we don't need to specify the media query. It looks a bit ad hoc and wet to me. But if pointer events don't work as you wanted, then let's leave it like this.

[mattwang44]

LGTM but I'll revert the fix for the scroll bar issue before merging this PR.
The root cause of scroll bar issue is that we did not apply i18n for this page (see #174), and I'll take over this part!