IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-12-01 21:19:28 -06:00
Code Issues Packages Projects Releases Wiki Activity

Transformations: Update transformation disabled UI presentation (#85566)

Browse Source 
* Update transformation UI presentation

* codeincarnate/transformation-disable/ lint

* Update opacity

---------

Co-authored-by: jev forsberg <jev.forsberg@grafana.com>
This commit is contained in:
Kyle Cunningham 2024-04-04 16:57:57 -05:00 committed by GitHub
parent 6fb1da42bf
commit 0a7abe4445
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/app/features/dashboard/components/TransformationsEditor/TransformationPickerNg.tsx
View File

@ -263,6 +263,10 @@ function getTransformationGridStyles(theme: GrafanaTheme2) {
cardDisabled: css({
backgroundColor: 'rgb(204, 204, 220, 0.045)',
color: `${theme.colors.text.disabled} !important`,
img: {
filter: 'grayscale(100%)',
opacity: 0.33,
},
}),
cardApplicableInfo: css({
position: 'absolute',
@ -279,13 +283,7 @@ function getTransformationGridStyles(theme: GrafanaTheme2) {
}
const getImagePath = (id: string, disabled: boolean) => {
let folder = null;
if (!disabled) {
folder = config.theme2.isDark ? 'dark' : 'light';
} else {
folder = 'disabled';
}
const folder = config.theme2.isDark ? 'dark' : 'light';
return `public/img/transformations/${folder}/${id}.svg`;
};