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

chore: Removes hard-coded opacity and spacing from BigNumber (#19536)

Browse Source
This commit is contained in:
Michael S. Molina 2022-04-06 07:38:33 -03:00 committed by GitHub
parent 6fa99d6b07
commit 356a03833b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 41 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberViz.tsx
View File

@ -277,59 +277,56 @@ class BigNumberVis extends React.PureComponent<BigNumberVisProps> {
} }
export default styled(BigNumberVis)` export default styled(BigNumberVis)`
font-family: ${({ theme }) => theme.typography.families.sansSerif}; ${({ theme }) => `
position: relative; font-family: ${theme.typography.families.sansSerif};
display: flex; position: relative;
flex-direction: column;
justify-content: center;
&.no-trendline .subheader-line {
padding-bottom: 0.3em;
}
.text-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: flex-start;
.alert { &.no-trendline .subheader-line {
font-size: ${({ theme }) => theme.typography.sizes.s}; padding-bottom: 0.3em;
margin: -0.5em 0 0.4em;
line-height: 1;
padding: 2px 4px 3px;
border-radius: 3px;
} }
}
.kicker { .text-container {
line-height: 1em; display: flex;
padding-bottom: 2em; flex-direction: column;
} justify-content: center;
align-items: flex-start;
.header-line { .alert {
position: relative; font-size: ${theme.typography.sizes.s};
line-height: 1em; margin: -0.5em 0 0.4em;
span { line-height: 1;
position: absolute; padding: ${theme.gridUnit}px;
bottom: 0; border-radius: ${theme.gridUnit}px;
}
} }
}
.subheader-line { .kicker {
line-height: 1em; line-height: 1em;
padding-bottom: 0; padding-bottom: 2em;
} }
.header-line {
position: relative;
line-height: 1em;
span {
position: absolute;
bottom: 0;
}
}
&.is-fallback-value {
.kicker,
.header-line,
.subheader-line { .subheader-line {
opacity: 0.5; line-height: 1em;
padding-bottom: 0;
} }
}
.superset-data-ui-tooltip { &.is-fallback-value {
z-index: 1000; .kicker,
background: #000; .header-line,
} .subheader-line {
opacity: ${theme.opacity.mediumHeavy};
}
}
`}
`; `;