Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dark mode styling bug for inMobi CMP cookie notice #2522

Open
2 tasks done
Khazoda opened this issue Oct 19, 2024 · 0 comments
Open
2 tasks done

Dark mode styling bug for inMobi CMP cookie notice #2522

Khazoda opened this issue Oct 19, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@Khazoda
Copy link
Contributor

Khazoda commented Oct 19, 2024

Please confirm the following.

What browsers are you seeing the problem on?

Chrome (including Arc, Brave, Opera, Vivaldi), Microsoft Edge, Firefox

Describe the bug

I'd make a PR to fix this myself, but am unsure where the styling for the inMobi embedded cookie notice is done.
Everything except for the ::before pseudo element is styled correctly, but that pseudo element has a hard-coded linear gradient that doesn't adapt to the user's theme.

The selector in my devtools is .css-19ltw61.css-19ltw61 .qc-cmp2-footer.qc-cmp2-footer-overlay::before and the offending style is:

background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));

Image

Steps to reproduce

This cookie notice can only be seen if you haven't accepted the cookies previously, or if you've cleared your cookies (or LocalStorage, unsure which it's saved under here)

Expected behavior

The pseudo element's background should be a darker colour fade when the site is in dark mode.

Additional context

No response

@Khazoda Khazoda added the bug Something isn't working label Oct 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Development

No branches or pull requests

1 participant