search

dbuezas / lovelace-plotly-graph-card

Highly customisable Lovelace card to plot interactive graphs. Brings scrolling, zooming, and much more!
376 stars 17 forks source link

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

Open BenJewell opened 2 weeks ago

BenJewell commented 2 weeks ago

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
dbuezas commented 2 weeks ago

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

BenJewell commented 2 days ago

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 commented 1 day ago

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