m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Merge pull request #3745 from danjm/i3723-fix-long-token-ammounts

Browse Source 
Long token amounts in wallet are truncated with ellipsis.
This commit is contained in:
kumavis 2018-03-27 19:08:41 -07:00 committed by GitHub
commit 00952c899b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/app/css/itcss/components/token-list.scss
View File

@ -10,9 +10,14 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
transition: linear 200ms; transition: linear 200ms;
background-color: rgba($wallet-balance-bg, 0); background-color: rgba($wallet-balance-bg, 0);
position: relative; position: relative;
flex: 1;
min-width: 0;
&__token-balance { &__token-balance {
font-size: 1.5rem; font-size: 1.5rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@media #{$wallet-balance-breakpoint-range} { @media #{$wallet-balance-breakpoint-range} {
font-size: 95%; font-size: 95%;
@ -51,7 +56,8 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
&__balance-ellipsis { &__balance-ellipsis {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; min-width: 0;
flex: 1;
} }
&__ellipsis { &__ellipsis {
@ -61,6 +67,7 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
&__balance-wrapper { &__balance-wrapper {
flex: 1 1 auto; flex: 1 1 auto;
min-width: 0;
} }
} }