diff options
| author | Dan <danjm.com@gmail.com> | 2018-03-27 14:30:14 +0800 |
|---|---|---|
| committer | Dan <danjm.com@gmail.com> | 2018-03-27 15:10:46 +0800 |
| commit | f2ab3a06b10255e87bc1539c9163843823637030 (patch) | |
| tree | 1cf6437c4ddfe4894e697afaaf941112cc763aaf /ui/app/css/itcss | |
| parent | dc78594c3aac80150dbe7eecd05e05eeffa6da02 (diff) | |
| download | tangerine-wallet-browser-f2ab3a06b10255e87bc1539c9163843823637030.tar.gz tangerine-wallet-browser-f2ab3a06b10255e87bc1539c9163843823637030.tar.zst tangerine-wallet-browser-f2ab3a06b10255e87bc1539c9163843823637030.zip | |
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; } } |