diff options
| author | kumavis <kumavis@users.noreply.github.com> | 2018-03-28 10:08:41 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-28 10:08:41 +0800 |
| commit | 00952c899bde2c427a851144d1f7830eec731151 (patch) | |
| tree | 7c751bb4cf35891e7dc1c03f7fd224799f67179c /ui/app/css/itcss | |
| parent | cdf5183f87be2ece5b20afbdba37c606fb092c12 (diff) | |
| parent | f2ab3a06b10255e87bc1539c9163843823637030 (diff) | |
| download | tangerine-wallet-browser-00952c899bde2c427a851144d1f7830eec731151.tar tangerine-wallet-browser-00952c899bde2c427a851144d1f7830eec731151.tar.gz tangerine-wallet-browser-00952c899bde2c427a851144d1f7830eec731151.tar.bz2 tangerine-wallet-browser-00952c899bde2c427a851144d1f7830eec731151.tar.lz tangerine-wallet-browser-00952c899bde2c427a851144d1f7830eec731151.tar.xz tangerine-wallet-browser-00952c899bde2c427a851144d1f7830eec731151.tar.zst tangerine-wallet-browser-00952c899bde2c427a851144d1f7830eec731151.zip | |
Merge pull request #3745 from danjm/i3723-fix-long-token-ammounts
Long token amounts in wallet are truncated with ellipsis.
Diffstat (limited to 'ui/app/css/itcss')
| -rw-r--r-- | ui/app/css/itcss/components/token-list.scss | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss index 9dc4f1055..e8de317e3 100644 --- a/ui/app/css/itcss/components/token-list.scss +++ b/ui/app/css/itcss/components/token-list.scss @@ -10,9 +10,14 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( transition: linear 200ms; background-color: rgba($wallet-balance-bg, 0); position: relative; + flex: 1; + min-width: 0; &__token-balance { font-size: 1.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; @media #{$wallet-balance-breakpoint-range} { font-size: 95%; @@ -51,7 +56,8 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( &__balance-ellipsis { display: flex; align-items: center; - width: 100%; + min-width: 0; + flex: 1; } &__ellipsis { @@ -61,6 +67,7 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( &__balance-wrapper { flex: 1 1 auto; + min-width: 0; } } |