fix: Big Number side cut fixed (#31407)
Co-authored-by: Geido <60598000+geido@users.noreply.github.com>
This commit is contained in:
parent
9321ab9deb
commit
640dac1eff
|
|
@ -120,7 +120,7 @@ class BigNumberVis extends PureComponent<BigNumberVizProps> {
|
|||
className="kicker"
|
||||
style={{
|
||||
fontSize,
|
||||
height: maxHeight,
|
||||
height: 'auto',
|
||||
}}
|
||||
>
|
||||
{text}
|
||||
|
|
@ -156,7 +156,7 @@ class BigNumberVis extends PureComponent<BigNumberVizProps> {
|
|||
document.body.append(container);
|
||||
const fontSize = computeMaxFontSize({
|
||||
text,
|
||||
maxWidth: width - 8, // Decrease 8px for more precise font size
|
||||
maxWidth: width * 0.9, // reduced it's max width
|
||||
maxHeight,
|
||||
className: 'header-line',
|
||||
container,
|
||||
|
|
@ -174,8 +174,10 @@ class BigNumberVis extends PureComponent<BigNumberVizProps> {
|
|||
<div
|
||||
className="header-line"
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
fontSize,
|
||||
height: maxHeight,
|
||||
height: 'auto',
|
||||
color: numberColor,
|
||||
}}
|
||||
onContextMenu={onContextMenu}
|
||||
|
|
@ -204,7 +206,7 @@ class BigNumberVis extends PureComponent<BigNumberVizProps> {
|
|||
document.body.append(container);
|
||||
fontSize = computeMaxFontSize({
|
||||
text,
|
||||
maxWidth: width,
|
||||
maxWidth: width * 0.9, // max width reduced
|
||||
maxHeight,
|
||||
className: 'subheader-line',
|
||||
container,
|
||||
|
|
@ -356,6 +358,7 @@ export default styled(BigNumberVis)`
|
|||
position: relative;
|
||||
line-height: 1em;
|
||||
white-space: nowrap;
|
||||
margin-bottom:${theme.gridUnit * 2}px;
|
||||
span {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
|
|
|||
Loading…
Reference in New Issue