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

Enable dark mode attribution font color #5338

Merged
merged 1 commit into from
Nov 17, 2024

Conversation

hlfan
Copy link
Contributor

@hlfan hlfan commented Nov 17, 2024

Description

This PR increases the specificity of the dark mode attribution selector. The style was first added in #4764, but didn't overwrite Leaflet's default link selector. That increased specificity fixes #5329's bug report about this by @Nekzuris

before after
image image

Increases the specificity of the dark mode attribution selector. This makes it overwrite Leaflet's default link selector.
@AntonKhorev
Copy link
Collaborator

This was supposed to be working already #4764 but something broke it.

@AntonKhorev
Copy link
Collaborator

The specificity is the same as in Leaflet css, then it depends on the order but I don't see where we changed the order. It would have been in app/views/layouts/_head.html.erb.

@AntonKhorev AntonKhorev merged commit 69abc13 into openstreetmap:master Nov 17, 2024
22 checks passed
@hlfan hlfan deleted the patch-1 branch November 17, 2024 17:09
@AntonKhorev
Copy link
Collaborator

It's probably Sass's @include color-mode(dark) generating an extra selector in $color-mode-type: data and not generating it in $color-mode-type: media-query, resulting in lower specificity.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Dark Mode bugs/improvements for the UI
2 participants