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

Fix location dot shadow #8119

Merged
merged 3 commits into from
Apr 5, 2019
Merged

Fix location dot shadow #8119

merged 3 commits into from
Apr 5, 2019

Conversation

korywka
Copy link
Contributor

@korywka korywka commented Apr 4, 2019

Location dot shadow was applied to blue div with 2px width. It was covered by 2px width ::after pseudo element.

Before:

image

After:

image

Copy link
Member

@mourner mourner left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great to me! cc @andrewharvey for another look

@andrewharvey
Copy link
Collaborator

Looks good to me. Thanks @Bravecow.

I think while we're at it, we should make that shadow more visible, because to me 2px, 0.25 opacity is not distinguishable from no shadow. I think at least 8px with 0.5 opacity. What do you think?

Screenshot from 2019-04-05 11-17-42

@korywka
Copy link
Contributor Author

korywka commented Apr 5, 2019

Large shadow makes it more "dirty". I suggest 0 0 3px rgba(0,0,0,.35)

Slightly increasing opacity and 1px more shadow:

image

@mourner
Copy link
Member

mourner commented Apr 5, 2019

@Bravecow agreed — let's update to this one.

Copy link
Collaborator

@andrewharvey andrewharvey left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

okay, looks good. thanks!

@mourner mourner merged commit ceb2e03 into mapbox:master Apr 5, 2019
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.

3 participants