diff options
| author | Dan J Miller <danjm.com@gmail.com> | 2018-06-02 13:32:48 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-06-02 13:32:48 +0800 |
| commit | e6769bde5ba0597a7349e55f9a6934c6ae1c6f32 (patch) | |
| tree | 4f07d948b332145a9adfe5749916057143abb6c3 | |
| parent | d454b5de2b03111a05c4e8a8b0a91e612b8f0266 (diff) | |
| parent | fd98ed570e09faf12ac10e6340225fd586914558 (diff) | |
| download | tangerine-wallet-browser-e6769bde5ba0597a7349e55f9a6934c6ae1c6f32.tar tangerine-wallet-browser-e6769bde5ba0597a7349e55f9a6934c6ae1c6f32.tar.gz tangerine-wallet-browser-e6769bde5ba0597a7349e55f9a6934c6ae1c6f32.tar.bz2 tangerine-wallet-browser-e6769bde5ba0597a7349e55f9a6934c6ae1c6f32.tar.lz tangerine-wallet-browser-e6769bde5ba0597a7349e55f9a6934c6ae1c6f32.tar.xz tangerine-wallet-browser-e6769bde5ba0597a7349e55f9a6934c6ae1c6f32.tar.zst tangerine-wallet-browser-e6769bde5ba0597a7349e55f9a6934c6ae1c6f32.zip | |
Merge pull request #4432 from alextsg/fix-tokenlist-balance-overflow
Fix ellipses
| -rw-r--r-- | ui/app/css/itcss/components/token-list.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss index 214bbc774..72fda372f 100644 --- a/ui/app/css/itcss/components/token-list.scss +++ b/ui/app/css/itcss/components/token-list.scss @@ -18,12 +18,13 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - flex: 1; + min-width: 0; + max-width: 100%; } &__token-balance, &__token-symbol { font-size: 1.5rem; - display: inline-flex; + flex: 0 0 auto; @media #{$wallet-balance-breakpoint-range} { font-size: 95%; @@ -72,10 +73,10 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( } &__balance-wrapper { - flex: 1 1 auto; + flex: 1; + flex-flow: row wrap; + display: flex; min-width: 0; - overflow: hidden; - text-overflow: ellipsis; } } |