Alternative design for Firefox

mariusmotea / DiyHueReact

0 stars 0 forks source link

Alternative design for Firefox #3

Open Fisico opened 2 years ago

Fisico commented 2 years ago

As Firefox does not support the backdrop blur property, it needs a custom design to keep the contrast from background to foreground in check. UI elements with background blur:

[x] Sidebar
[x] Topbar
[x] Groups
[x] Lights
[x] Devices
[ ] Modal (Scene picker)
[x] Content

Fisico commented 2 years ago

@mariusmotea I need a CSS class targeting firefox called like "firefox" from react in order to fix this issue. React-Modal does not support CSS media queries.

The Div structure currently used for the scene picker is:

<div className="ReactModal__Content">
     <div className="ReactModal__Content--after-open></div>
</div>