Problematic z-index on div#needpw
Closed this issue · 2 comments
Please fill out the templates below to the best of your ability, based on whether your problem is with using the website or with running your own server.
Website Problem
Please confirm whether you've tried the following debugging steps:
- Clearing cache and refreshing the page (On Firefox, press Ctrl+F5. On Chrome, press F12, then right click the refresh button and click "Empty Cache and Hard Reload")
- Disabling all browser extensions
- Using a clean channel with no customizations
Description of the Problem
-
What triggers the problem?
Opening a channel requiring a password on a small screen (e.g. phone). -
What happens?
The password prompt appears behind the guest login name box. -
What do you expect to happen instead?
The password prompt appears above the guest login name box.
The issue seems to be because the div#needpw element has an element style including z-index: auto overriding its CSS z-index: 9999.
System Information
- Operating System (Windows / Mac / Linux / Android / iOS):
iOS / macOS (with responsive design mode) - Web Browser (Firefox / Chrome / Other):
Safari
Yeah, given the purpose of the chan pass request box and how it stops loading until provided, it's z-index should probably be inlined. I'll get this done shortly.