diff options
| author | kumavis <kumavis@users.noreply.github.com> | 2018-03-28 10:42:42 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-28 10:42:42 +0800 |
| commit | b324a9c29506661c18034df37f2cb17e66972915 (patch) | |
| tree | 8d122128b5e43251a2275d6f2108178ab74897ff /ui/app/css | |
| parent | 74ac3bb2a7130675a10e1701d569b2c35a948f8f (diff) | |
| parent | 871edfe12ad37545c596e2e926afc458c0efa559 (diff) | |
| download | tangerine-wallet-browser-b324a9c29506661c18034df37f2cb17e66972915.tar tangerine-wallet-browser-b324a9c29506661c18034df37f2cb17e66972915.tar.gz tangerine-wallet-browser-b324a9c29506661c18034df37f2cb17e66972915.tar.bz2 tangerine-wallet-browser-b324a9c29506661c18034df37f2cb17e66972915.tar.lz tangerine-wallet-browser-b324a9c29506661c18034df37f2cb17e66972915.tar.xz tangerine-wallet-browser-b324a9c29506661c18034df37f2cb17e66972915.tar.zst tangerine-wallet-browser-b324a9c29506661c18034df37f2cb17e66972915.zip | |
Merge branch 'master' into i3471-checkbalanceonconfirmscreen
Diffstat (limited to 'ui/app/css')
| -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; } } |