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

CSS styles responsive and supporting themes #259

Closed iculda closed 8 months ago

iculda commented 10 months ago

Hello I started using dynamictext-panel which is great but i'm struggling with making css responsive to grafana dark/light theme for example i want to have text color in "blue" on light theme and "white "(or default) on dark theme Can you provide an example of how to do this This will help to provide consistency on a mixed dashboard with other visualisation Types Thank you

iculda commented 10 months ago

Hello, i just wanted to add more clarity of what i'm trying to do i have this td style I want to use this color on light theme but on black to get green I hope it helps a bit td { border-style: unset !important; color: #232264; }

.theme-dark td { color: green; }

mikhail-vl commented 10 months ago

@iculda Thank you to open a feature request. We are looking into supporting themes in CSS and Javascript: https://github.com/VolkovLabs/volkovlabs-dynamictext-panel/issues/254

asimonok commented 9 months ago

@vitPinchuk also should be added supporting of panel Id variable (which was introduced in https://github.com/VolkovLabs/volkovlabs-dynamictext-panel/pull/272) to use it in styles:

.dt-row-container-$id {}

Should be converted to 

.dt-row-container-1 {}