diff options
author | Dan <danjm.com@gmail.com> | 2018-05-31 23:50:15 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2018-06-01 00:02:18 +0800 |
commit | d454b5de2b03111a05c4e8a8b0a91e612b8f0266 (patch) | |
tree | ab9547e1a201d1d4dad053677eb68a11f856971a /ui/app/css/itcss | |
parent | 39d22a4ddb4ba0f4ad456009c86486a433c6724e (diff) | |
download | tangerine-wallet-browser-d454b5de2b03111a05c4e8a8b0a91e612b8f0266.tar.gz tangerine-wallet-browser-d454b5de2b03111a05c4e8a8b0a91e612b8f0266.tar.zst tangerine-wallet-browser-d454b5de2b03111a05c4e8a8b0a91e612b8f0266.zip |
Token name is not hidden in wallet if balance is exceptionally long.
Diffstat (limited to 'ui/app/css/itcss')
-rw-r--r-- | ui/app/css/itcss/components/token-list.scss | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss index e8de317e3..214bbc774 100644 --- a/ui/app/css/itcss/components/token-list.scss +++ b/ui/app/css/itcss/components/token-list.scss @@ -14,10 +14,16 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( min-width: 0; &__token-balance { - font-size: 1.5rem; + margin-right: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + flex: 1; + } + + &__token-balance, &__token-symbol { + font-size: 1.5rem; + display: inline-flex; @media #{$wallet-balance-breakpoint-range} { font-size: 95%; @@ -68,6 +74,8 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( &__balance-wrapper { flex: 1 1 auto; min-width: 0; + overflow: hidden; + text-overflow: ellipsis; } } |