pt/superset
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2024-09-06 13:57:40 -04:00
Code Issues Packages Projects Releases Wiki Activity

chore: Removes hard-coded colors from legacy-plugin-chart-sankey (#19493)

Browse Source 
* chore: Removes hard-coded colors from legacy-plugin-chart-sankey

* Gets opacity from the theme
This commit is contained in:
Michael S. Molina 2022-04-07 11:50:31 -03:00 committed by GitHub
parent 83c3779a6c
commit 06dee825a4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
superset-frontend/plugins/legacy-plugin-chart-sankey/src/ReactSankey.jsx
View File

@ -34,40 +34,42 @@ SankeyComponent.propTypes = {
};
export default styled(SankeyComponent)`
.superset-legacy-chart-sankey {
.node {
rect {
cursor: move;
fill-opacity: 0.9;
shape-rendering: crispEdges;
${({ theme }) => `
.superset-legacy-chart-sankey {
.node {
rect {
cursor: move;
fill-opacity: ${theme.opacity.heavy};
shape-rendering: crispEdges;
}
text {
pointer-events: none;
text-shadow: 0 1px 0 ${theme.colors.grayscale.light5};
font-size: ${theme.typography.sizes.s}px;
}
}
text {
pointer-events: none;
text-shadow: 0 1px 0 #fff;
font-size: ${({ fontSize }) => fontSize}em;
.link {
fill: none;
stroke: ${theme.colors.grayscale.dark2};
stroke-opacity: ${theme.opacity.light};
&:hover {
stroke-opacity: ${theme.opacity.mediumLight};
}
}
.opacity-0 {
opacity: 0;
}
}
.link {
fill: none;
stroke: #000;
stroke-opacity: 0.2;
&:hover {
stroke-opacity: 0.5;
}
.sankey-tooltip {
position: absolute;
width: auto;
background: ${theme.colors.grayscale.light2};
padding: ${theme.gridUnit * 3}px;
font-size: ${theme.typography.sizes.s}px;
color: ${theme.colors.grayscale.dark2};
border: 1px solid ${theme.colors.grayscale.light5};
text-align: center;
pointer-events: none;
}
.opacity-0 {
opacity: 0;
}
}
.sankey-tooltip {
position: absolute;
width: auto;
background: #ddd;
padding: 10px;
font-size: ${({ fontSize }) => fontSize}em;
color: #000;
border: 1px solid #fff;
text-align: center;
pointer-events: none;
}
`}
`;