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

network dropdown tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2023-03-16 13:45:36 +00:00
parent 5ea00f2c1e
commit 24d5487cbb
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/components/app/asset-list-item/asset-list-item.scss
View File

@ -1,6 +1,10 @@
.asset-list-item { .asset-list-item {
& .list-item__heading { & .list-item__heading {
max-width: 100%; max-width: 100%;
& h2 {
@include H5;
}
} }
&__token-button { &__token-button {
@ -11,6 +15,7 @@
color: var(--color-text-default); color: var(--color-text-default);
& h2 { & h2 {
@include H6;
display: flex; display: flex;
} }
@ -34,9 +39,10 @@
} }
.list-item__subheading { .list-item__subheading {
& h3 {
@include H6; @include H6;
font-weight: 400;
margin-top: 6px; }
} }
&__warning { &__warning {

1
ui/components/ui/list-item/index.scss
View File

@ -7,7 +7,6 @@
@include Paragraph; @include Paragraph;
border-top: 1px solid var(--color-border-muted);
border-bottom: 1px solid var(--color-border-muted); border-bottom: 1px solid var(--color-border-muted);
color: var(--color-text-default); color: var(--color-text-default);
display: grid; display: grid;

8
ui/css/itcss/components/network.scss
View File

@ -117,12 +117,16 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 100%; width: 100%;
border-bottom: 1px solid var(--color-border-muted);
padding-bottom: 14px;
padding-left: 16px;
} }
.network-dropdown-list { .network-dropdown-list {
max-height: 330px; max-height: 330px;
overflow-y: auto; overflow-y: auto;
margin-bottom: 8px; margin-bottom: 14px;
border-bottom: 1px solid var(--color-border-muted);
} }
.network-dropdown-divider { .network-dropdown-divider {
@ -133,7 +137,7 @@
} }
.network-dropdown-title { .network-dropdown-title {
@include H4; @include H5;
height: 25px; height: 25px;
width: 120px; width: 120px;