search

VolkovLabs / volkovlabs-dynamictext-panel

Business Text Panel for @grafana
https://docs.volkovlabs.io
Apache License 2.0
78 stars 14 forks source link

External Resources Styles effect Grafana's elements #253

Closed tomikos closed 6 months ago

tomikos commented 6 months ago

When using some external css via External Resources it sometimes overrides Grafana components.

For example, using Materialize CSS link https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css

Results in the following 'bug' in Grafana (it affects other elements as well) image

But when i copy-paste the content of the CSS lib (non-minified version) into the Styles editor it works as expected.

Grafana v10.2.2

mikhail-vl commented 6 months ago

@tomikos External CSS are loaded in the Global context. CSS Styles in the Editor are only used inside the dynamic Text panel.

We don't control how external CSS is implemented and it may override Grafana styles with the same names.

tomikos commented 6 months ago

even when loading CSS libs from the JavaScript editors?

mikhail-vl commented 6 months ago

@tomikos Any CSS libraries are loaded in the Global context.