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

Truncate long network names (#12058)

Browse Source 
In some languages, network names are longer than the visible width of
the network dropdown. In these cases, the currently selected network will
overflow the bounds of the network dropdown container.

This commit addresses this issue so that the dropdown container will
grow and shrink appropriately, truncating the currently selected network
if needed.
This commit is contained in:
Elliot Winkler 2021-09-13 10:05:53 -06:00 committed by GitHub
parent 0c2af43d3a
commit d403644e59
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -72,6 +72,7 @@
flex-direction: row;
align-items: center;
flex: 0 0 auto;
margin-right: 1rem;
&--clickable {
cursor: pointer;

5
ui/components/app/network-display/index.scss
View File

@ -35,6 +35,11 @@
background-color: lighten($dodger-blue, 35%);
}
&.chip {
margin: 0;
max-width: 100%;
}
& .chip__label {
overflow: hidden;
text-overflow: ellipsis;