fix: Big Number side cut fixed (#31407)

Co-authored-by: Geido <60598000+geido@users.noreply.github.com>
This commit is contained in:
Fardin Mustaque
2024-12-27 16:51:58 +05:30
committed by GitHub
parent 9321ab9deb
commit 640dac1eff

View File

@@ -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;