Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | 22x 22x 118x 59x | import { FontSizes, FontWeights } from '@fluentui/react/lib/Styling';
import { IGroupedVerticalBarChartStyleProps, IGroupedVerticalBarChartStyles } from '../../index';
export const getStyles = (props: IGroupedVerticalBarChartStyleProps): IGroupedVerticalBarChartStyles => {
const { theme, href } = props;
return {
opacityChangeOnHover: {
cursor: href ? 'pointer' : 'default',
},
tooltip: {
...theme.fonts.medium,
display: 'flex',
flexDirection: 'column',
padding: '8px',
position: 'absolute',
textAlign: 'center',
top: '0px',
background: theme.semanticColors.bodyBackground,
borderRadius: '2px',
pointerEvents: 'none',
},
barLabel: {
fontSize: FontSizes.small,
fontWeight: FontWeights.semibold,
fill: theme.palette.neutralPrimary,
},
};
};
|