IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Table: Fixes broken cell action styles (#98154)

Browse Source 
* Table: Fixes broken cell action styles

* restore debug change
This commit is contained in:
Torkel Ödegaard 2024-12-18 14:35:30 +01:00 committed by GitHub
parent 4377d0f890
commit 697b5a2de7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/grafana-ui/src/components/Table/styles.ts
View File

@ -63,11 +63,12 @@ export function useTableStyles(theme: GrafanaTheme2, cellHeightOption: TableCell
background: rowStyled ? 'inherit' : (backgroundHover ?? theme.colors.background.primary), background: rowStyled ? 'inherit' : (backgroundHover ?? theme.colors.background.primary),
zIndex: 1, zIndex: 1,
'.cellActions': { '.cellActions': {
color: '#FFF', background: theme.components.tooltip.background,
color: theme.components.tooltip.text,
visibility: 'visible', visibility: 'visible',
opacity: 1, opacity: 1,
width: 'auto', width: 'auto',
background: 'rgba(0, 0, 0, 0.6)', borderRadius: theme.shape.radius.default,
}, },
}, },
@ -80,28 +81,21 @@ export function useTableStyles(theme: GrafanaTheme2, cellHeightOption: TableCell
position: overflowOnHover ? undefined : 'absolute', position: overflowOnHover ? undefined : 'absolute',
top: overflowOnHover ? undefined : '1px', top: overflowOnHover ? undefined : '1px',
right: overflowOnHover ? undefined : 0, right: overflowOnHover ? undefined : 0,
margin: overflowOnHover ? theme.spacing(0, -0.5, 0, 0.5) : 'auto', margin: overflowOnHover ? theme.spacing(0, 0, 0, 1) : 'auto',
visibility: 'hidden', visibility: 'hidden',
opacity: 0, opacity: 0,
width: 0, width: 0,
alignItems: 'center', alignItems: 'center',
height: '100%', height: '100%',
padding: theme.spacing(1, 0.5, 1, 1), padding: theme.spacing(0.5, 0, 0.5, 0.5),
background: background ? 'none' : 'rgba(0, 0, 0, 0.5)', background: theme.components.tooltip.background,
color: theme.components.tooltip.text,
svg: {
color,
},
}, },
'.cellActionsLeft': { '.cellActionsLeft': {
right: 'auto !important', right: 'auto !important',
left: 0, left: 0,
}, },
'.cellActionsTransparent': {
background: 'none',
},
}); });
}; };