search

VictorCazanave / react-svg-map

A set of React.js components to display an interactive SVG map
https://victorcazanave.github.io/react-svg-map/
MIT License
229 stars 48 forks source link

Styling the map #51

Closed ergunpp closed 3 years ago

ergunpp commented 3 years ago

Hi, I am trying to change the colors on the map, but whenever I set a custom locationClassName the clicked countries are surrounded with a large rectangle instead of the country borders. How is it possible to style colours etc without changing the functionality of the map?

VictorCazanave commented 3 years ago

Hello, I think the rectangle around the clicked location is due to the default styles of the browser when an element is focused. You can disable it with :focus { outline: 0; }, but you should use another way to indicate which element is focused for accessibility reasons. Here is how it is done in the default provided styles.

VictorCazanave commented 3 years ago

@ergunpp if your issue is not fixed, feel free to re-open it.