mirror of
https://github.com/apache/superset.git
synced 2024-09-16 02:29:39 -04:00
chore: Enhance ReactChord style with theme vars (#19517)
* Enhance style with theme vars * Update superset-frontend/plugins/legacy-plugin-chart-chord/src/ReactChord.jsx Co-authored-by: Michael S. Molina <70410625+michael-s-molina@users.noreply.github.com> Co-authored-by: Michael S. Molina <70410625+michael-s-molina@users.noreply.github.com>
This commit is contained in:
parent
0d331f5bd8
commit
e5bab00cb9
@ -39,18 +39,20 @@ Chord.propTypes = {
|
||||
};
|
||||
|
||||
export default styled(Chord)`
|
||||
${({ theme }) => `
|
||||
.superset-legacy-chart-chord svg #circle circle {
|
||||
fill: none;
|
||||
pointer-events: all;
|
||||
}
|
||||
.superset-legacy-chart-chord svg .group path {
|
||||
fill-opacity: 0.6;
|
||||
fill-opacity: ${theme.opacity.mediumHeavy};
|
||||
}
|
||||
.superset-legacy-chart-chord svg path.chord {
|
||||
stroke: #000;
|
||||
stroke: ${theme.colors.grayscale.dark2};
|
||||
stroke-width: 0.25px;
|
||||
}
|
||||
.superset-legacy-chart-chord svg #circle:hover path.fade {
|
||||
opacity: 0.2;
|
||||
opacity: ${theme.opacity.light};
|
||||
}
|
||||
`}
|
||||
`;
|
||||
|
Loading…
Reference in New Issue
Block a user