voluntadpear / vue-choropleth

Choropleth Map component for Vue.js
MIT License
117 stars 57 forks source link

[question] change css parameters #22

Closed empereira closed 3 years ago

empereira commented 4 years ago

hi,

Is it possible to change parameters in CSS, for example, of the tags l-info-control?

Inspect style: image

srisaiyeegharan commented 4 years ago

I need help with this as well. Were you able to get around to this?

empereira commented 4 years ago

I need help with this as well. Were you able to get around to this?

No. Apparently the repository maintainer doesn't check anything here anymore.

srisaiyeegharan commented 4 years ago

Oh okai, idk why but my colour is coming as blue. Can't seem to change it. image

empereira commented 4 years ago

For me too. Did you try to modify the plugin css internally?

They stay in the node_modules folder.

image

image

It seems that the background setting is "white", but there is something forcing him to "blue". Are you using another plugin, like vuelayers or vue2-leaflet?

L-J-P commented 3 years ago

My l-info-control background is also blue. I'm using Vuetify and it seems that the blue is coming from Vuetify's theme for the "info" color.

This .info class in this component also causes me issues with the Vuetify's own "info" CSS. After I have visited on the view with the Vue-Choropleth -component and then move to another view, some of the Vuetify's elements look wrong. This seems to be because Vue-Choropleth .info CSS is remembered by browser and overrides Vuetify's "info" CSS.

Could this .info class be renamed to something else? Or is it possible to set this components style to scoped?