mirror of
https://github.com/apache/superset.git
synced 2024-09-18 11:39:49 -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)`
|
export default styled(Chord)`
|
||||||
|
${({ theme }) => `
|
||||||
.superset-legacy-chart-chord svg #circle circle {
|
.superset-legacy-chart-chord svg #circle circle {
|
||||||
fill: none;
|
fill: none;
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
}
|
}
|
||||||
.superset-legacy-chart-chord svg .group path {
|
.superset-legacy-chart-chord svg .group path {
|
||||||
fill-opacity: 0.6;
|
fill-opacity: ${theme.opacity.mediumHeavy};
|
||||||
}
|
}
|
||||||
.superset-legacy-chart-chord svg path.chord {
|
.superset-legacy-chart-chord svg path.chord {
|
||||||
stroke: #000;
|
stroke: ${theme.colors.grayscale.dark2};
|
||||||
stroke-width: 0.25px;
|
stroke-width: 0.25px;
|
||||||
}
|
}
|
||||||
.superset-legacy-chart-chord svg #circle:hover path.fade {
|
.superset-legacy-chart-chord svg #circle:hover path.fade {
|
||||||
opacity: 0.2;
|
opacity: ${theme.opacity.light};
|
||||||
}
|
}
|
||||||
|
`}
|
||||||
`;
|
`;
|
||||||
|
Loading…
Reference in New Issue
Block a user