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

Set max-width on network dropdown and ellipsis long network name (#6494)

Browse Source
This commit is contained in:
Chi Kei Chan 2019-04-24 20:01:24 -07:00 committed by GitHub
parent 50fa063c5d
commit ec712d5d8f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/app/components/app/app-header/index.scss
View File

@ -48,7 +48,6 @@
&__contents { &__contents {
display: flex; display: flex;
justify-content: space-between;
flex-flow: row nowrap; flex-flow: row nowrap;
width: 100%; width: 100%;
@ -74,17 +73,33 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
flex: 0 0 auto;
} }
&__account-menu-container { &__account-menu-container {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
align-items: center; align-items: center;
flex: 1 1 auto;
width: 0;
flex-flow: row nowrap;
justify-content: flex-end;
} }
&__network-component-wrapper { &__network-component-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
flex: 1 0 auto;
width: 0;
justify-content: flex-end;
.network-component.pointer {
max-width: 200px;
}
.network-indicator {
width: 100%;
}
} }
} }

7
ui/app/css/itcss/components/network.scss
View File

@ -51,11 +51,13 @@
line-height: 15px; line-height: 15px;
font-size: 12px; font-size: 12px;
padding: 0 4px; padding: 0 4px;
flex: 0 0 auto;
} }
.fa-question-circle { .fa-question-circle {
margin: 0 4px 0 6px; margin: 0 4px 0 6px;
font-size: 1rem; font-size: 1rem;
flex: 0 0 auto;
} }
} }
@ -63,9 +65,12 @@
padding: 0 4px; padding: 0 4px;
font-family: Roboto; font-family: Roboto;
font-size: 12px; font-size: 12px;
flex: 1 0 auto; flex: 1 1 auto;
color: $tundora; color: $tundora;
font-weight: 500; font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} }
.dropdown-menu-item .fa.delete { .dropdown-menu-item .fa.delete {