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

The zoom buttons are a different shade of gray and behave differently #451

Open
BenJewell opened this issue Sep 10, 2024 · 3 comments
Open

Comments

@BenJewell
Copy link

By default, the reset button in the top left, as well as the range selector buttons are light gray and persist on screen. But the right navigation bar with the zoom and scale controls is a darker gray color and goes away if you move the mouse away from it.
I don't care which of these two button styles is used, I just want them all to be the same. The inconsistency is very noticeable, and it makes it look un-polished to the point where I would consider it a bug. Is there any workaround? Thanks

image
@BenJewell BenJewell added the bug Something isn't working label Sep 10, 2024
@dbuezas dbuezas added Visual bug and removed bug Something isn't working labels Sep 10, 2024
@dbuezas
Copy link
Owner

dbuezas commented Sep 10, 2024

You may be able to customize the buttons on the right, but this is just how plotlyjs looks by default

@BenJewell
Copy link
Author

So both types of buttons are rendered by Plotly, and not this integration, and therefore it's an issue with Plotly itself.
Where can I find information on modifying the buttons? Thanks.

@dbuezas
Copy link
Owner

dbuezas commented Sep 23, 2024

Yes. You can customize all of it, search the plotlyjs docs, chatgpt will help too. The icons bar is called "mode bar"

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

No branches or pull requests

2 participants