aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css
diff options
context:
space:
mode:
authorkumavis <kumavis@users.noreply.github.com>2018-03-28 10:08:41 +0800
committerGitHub <noreply@github.com>2018-03-28 10:08:41 +0800
commit00952c899bde2c427a851144d1f7830eec731151 (patch)
tree7c751bb4cf35891e7dc1c03f7fd224799f67179c /ui/app/css
parentcdf5183f87be2ece5b20afbdba37c606fb092c12 (diff)
parentf2ab3a06b10255e87bc1539c9163843823637030 (diff)
downloadtangerine-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')
-rw-r--r--ui/app/css/itcss/components/token-list.scss9
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;
}
}