[Bug]: CSS: Navbar bg color in Firefox is too transparent

begonaalvarezd commented 2 years ago

Issue description

The bg color of the navbar in Firefox (because firefox is not compatible with the CSS effect applied) imo is too transparent and doesnt look good on scroll

Expected behaviour

I would personally increase the opacities:

eg:

Actual behaviour

Too transparent and to me looks like a bug 🐛

Can the issue reliably be reproduced?

Yes

Steps to reproduce the issue

Open the staging explorer on firefox
Scroll so content overlaps the navbar

Errors

No response

Duplicate declaration

[X] I have searched the issues tracker for this issue and there is none

Code of Conduct

[X] I agree to follow this project's Code of Conduct

r-c-k commented 2 years ago

Same with iota.org, shimmer.network and assembly.sc. Also, while the background of the navbar at iota.org is translucent under Safari, it is very subtle and almost unnoticeable - maybe it could be adapted to match the other nav bars.

(I hope it's ok to mention this issue here)

laumair commented 2 years ago

Fixed in https://github.com/iotaledger/explorer/pull/153

iotaledger / explorer