superman66 / vue-highcharts

The Component of Vue 2.x for highcharts
https://codesandbox.io/s/jjyqvv0k13
MIT License
115 stars 48 forks source link

class="vue-highcharts" remove rounded corners works in dev, but not in build. #39

Closed Davidriquelme closed 6 years ago

Davidriquelme commented 6 years ago

In an attempt to eliminate the round corners, shadows, margins, paddings, etc. I did this that worked in development mode:

file: custom.css:

.vue-highcharts { width: 100%; display: inline-block; margin: 0; border: 0px solid rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: 0 0 0px rgba(0, 0, 0, 0); padding: 0px; background: #fff; } result: image

but build mode still resulting in this: image

which are best practices to style the highcharts-class ?

superman66 commented 6 years ago

It seems to custom css does't work in build mode. Have you check custom css import in build mode?

superman66 commented 6 years ago

@Davidriquelme in the last version, I have removed the default styles.