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
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 4 deletions

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;