1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-22 17:33:23 +01:00

Add ellipsis to super long account name

This commit is contained in:
Chi Kei Chan 2017-10-24 23:47:43 -07:00
parent 6231431894
commit 3e55caeffd

View File

@ -43,7 +43,8 @@ $wallet-view-bg: $wild-sand;
.wallet-view { .wallet-view {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 33.5 0 33.5%; flex: 33.5 1 33.5%;
width: 0;
background: $wallet-view-bg; background: $wallet-view-bg;
z-index: 200; z-index: 200;
position: relative; position: relative;
@ -60,6 +61,7 @@ $wallet-view-bg: $wild-sand;
&__name-container { &__name-container {
flex: 0 0 auto; flex: 0 0 auto;
cursor: pointer; cursor: pointer;
width: 100%;
} }
&__keyring-label { &__keyring-label {
@ -251,6 +253,12 @@ $wallet-view-bg: $wild-sand;
color: $scorpion; color: $scorpion;
margin-top: 8px; margin-top: 8px;
margin-bottom: 24px; margin-bottom: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
padding: 0 8px;
text-align: center;
} }
// account options dropdown // account options dropdown