Fix ellipses

feature/default_network_editable
Alexander Tseung 7 years ago
parent d454b5de2b
commit fd98ed570e
  1. 11
      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; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
flex: 1; min-width: 0;
max-width: 100%;
} }
&__token-balance, &__token-symbol { &__token-balance, &__token-symbol {
font-size: 1.5rem; font-size: 1.5rem;
display: inline-flex; flex: 0 0 auto;
@media #{$wallet-balance-breakpoint-range} { @media #{$wallet-balance-breakpoint-range} {
font-size: 95%; font-size: 95%;
@ -72,10 +73,10 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
} }
&__balance-wrapper { &__balance-wrapper {
flex: 1 1 auto; flex: 1;
flex-flow: row wrap;
display: flex;
min-width: 0; min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
} }
} }

Loading…
Cancel
Save