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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 | 24x 24x 12x 4x 4x | import { ISankeyChartStyleProps, ISankeyChartStyles } from './SankeyChart.types';
import { HighContrastSelectorBlack } from '@fluentui/react/lib/Styling';
export const getStyles = (props: ISankeyChartStyleProps): ISankeyChartStyles => {
const { className, theme, pathColor } = props;
const { effects } = theme;
return {
root: [
theme.fonts.medium,
{
display: 'flex',
width: '100%',
height: '100%',
flexDirection: 'column',
overflow: 'hidden',
},
className,
],
links: {
stroke: pathColor ? pathColor : theme.palette.black,
fill: theme ? theme.semanticColors.bodyBackground : '#F5F5F5',
strokeWidth: 3,
selectors: {
[HighContrastSelectorBlack]: {
fill: '#000000',
},
},
},
nodes: {
fill: '#F5F5F5',
selectors: {
[HighContrastSelectorBlack]: {
fill: '#000000',
},
},
},
toolTip: {
...props.theme!.fonts.medium,
display: 'flex',
flexDirection: 'column',
padding: '8px',
position: 'absolute',
textAlign: 'center',
top: '0px',
background: props.theme!.semanticColors.bodyBackground,
borderRadius: '2px',
pointerEvents: 'none',
},
nodeTextContainer: {
selectors: {
text: {
selectors: {
[HighContrastSelectorBlack]: {
fill: 'rgb(179, 179, 179)',
},
},
},
},
marginTop: '4px',
marginLeft: '8px',
marginBottom: '4px',
marginRight: '8px',
},
calloutContentRoot: {
boxShadow: effects.elevation4,
},
};
};
|