Table: Fixes broken cell action styles (#98154)

* 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

View File

@ -63,11 +63,12 @@ export function useTableStyles(theme: GrafanaTheme2, cellHeightOption: TableCell
background: rowStyled ? 'inherit' : (backgroundHover ?? theme.colors.background.primary),
zIndex: 1,
'.cellActions': {
color: '#FFF',
background: theme.components.tooltip.background,
color: theme.components.tooltip.text,
visibility: 'visible',
opacity: 1,
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',
top: overflowOnHover ? undefined : '1px',
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',
opacity: 0,
width: 0,
alignItems: 'center',
height: '100%',
padding: theme.spacing(1, 0.5, 1, 1),
background: background ? 'none' : 'rgba(0, 0, 0, 0.5)',
svg: {
color,
},
padding: theme.spacing(0.5, 0, 0.5, 0.5),
background: theme.components.tooltip.background,
color: theme.components.tooltip.text,
},
'.cellActionsLeft': {
right: 'auto !important',
left: 0,
},
'.cellActionsTransparent': {
background: 'none',
},
});
};