Zemanzo / web-marbles

Aims to recreate Marble Racing from the ground up, as a fully web based game
https://playmarbl.es/
GNU General Public License v3.0
23 stars 12 forks source link

HUD Notifications block camera buttons #250

Closed Qaomen closed 4 years ago

Qaomen commented 5 years ago

Expected behavior HUD notifications will keep to their darn selves!

Actual behavior The left and right sides outside of the HUD notifications will block overlay buttons by overlapping them, even though it doesn't appear to block them. Only the camera style buttons are affected due to their positioning, and the issue disappears once the HUD notifications are gone.

Reproduction steps

  1. Load the client page.
  2. Wait for HUD notifications appear (e.g. the loading/loaded notifs).
  3. Try to click the camera buttons while the notification is visible.

Additional context There's probably a more graceful and desirable way to fix this other than re-ordering the overlay elements, so I prefer to leave it to someone who knows said pretty and clean fix (unless they're fine with the re-arranging stuff).

Zemanzo commented 5 years ago

Easy fix, just add pointer-events: none in the CSS. (Wink wink, nudge nudge @Sanquinary)