search

VolkovLabs / business-text

The Business Text panel plugin allows you to construct a text visualization template from the values of a dataset returned by a data source query.
https://volkovlabs.io
Apache License 2.0
83 stars 13 forks source link

External Resources Styles effect Grafana's elements #253

Closed tomikos closed 11 months ago

tomikos commented 11 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 11 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 11 months ago

even when loading CSS libs from the JavaScript editors?

mikhail-vl commented 11 months ago

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