amount doesn't scale

[kikipluche]

From @kikipluche on April 26, 2018 9:28

Location

my wallet

Expected behavior

The full amount is always visible on my screen, so when a lot of decimals, it scales

Actual behavior

when the amount has a lot of decimals, the numbers fall off the screen

Steps to reproduce the problem

have many decimals, and go to mywallet

screenshot/screencap

Operating system / hardware

on mobile it is more an issue than on desktop

Copied from original issue: swarmcity/SwarmCityPM#18

[xardass]

I think we need a styling advice from @faffydee

[hershkoy]

I think I found how I can do that. The thing is if they are too many digits, the font might scale to become too small. How many digits are suppose to be there? I can do this one, just need to know how to fix it. rounding to digits or auto-scaling or a combination of both.

[xardass]

Thank you hhezi, but as you say it's more a styling decision that we still need to make rather than a current issue - ideally we would just round the amount to x digits (toFixed(x))..

[kikipluche]

@faffydee we need an advice about the minimum fontsize, so we can round at that decimal. Hhezi is right, if we do 18 decimals, the font will be too small; same for the USD value (or maybe we want to round that amount anyway)

[xardass]

@kiki We also need to consider the animations & if scaling the amount will not break them (Since they are defined by px).

[faffydee]

to old to be relevant