Instructor: Course Page: Some navbar buttons are not responsive after snackbar is shown

[tanhengyeow]

Environment:
master branch

Steps to reproduce

1. Go to the instructor course page
2. Add a new valid course. The green snackbar would show.
3. Click on the Sessions and Students tab when the snackbar is present.

Expected behavior
The respective page should be accessible.

Actual behaviour
The Sessions and Students tabs are not clickable.

Additional info
Same behavior in instructor sessions page but the Courses tab is also not clickable.

Error snackbar shows different behavior.

[monmanuela]

Tested this, I can reproduce the bug. the issue seems to be because of

teammates/src/web/styles.scss

Lines 13 to 16 in 7c075cf

	.snackbar {
	max-width: 100% !important;
	margin-top: 60px !important;
	}

The margin-top causes the tabs that are vertically above the snackbar to not be clickable. Also, error snackbars seem to show different behaviors only because the error snackbars are relatively shorter, so there are no tabs vertically above them. Error snackbars with longer messages have the same bug.

[Barbado2017]

Can I take this issue?
EDIT: Never mind, I am no longer working on this issue.

[erjillsison]

The margin-top doesn't seem to cause the issue. The problem's likely inherited from the MatSnackBar itself. Possible solution is to put the navbar on top of the snackbar by setting its z-index higher.