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

Adjusting the height of account menu nav items to expand scroll area (#15302)

Browse Source 
* Adjusting the height of account menu nav items to expand scroll area

* reducing font size

* Adding back max height media query
This commit is contained in:
George Marshall 2022-07-27 12:35:52 -07:00 committed by GitHub
parent 693a6dfc0c
commit 6075e86838
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
ui/components/app/account-menu/index.scss
View File

@ -37,8 +37,8 @@
width: 100%; width: 100%;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
padding: 14px; padding: 0 14px;
height: 54px; height: 40px;
} }
&--clickable { &--clickable {
@ -65,7 +65,11 @@
} }
&__text { &__text {
@include Paragraph; @include H6;
@include screen-md-min {
@include Paragraph;
}
color: var(--color-text-default); color: var(--color-text-default);
} }
@ -121,10 +125,6 @@
position: relative; position: relative;
flex-direction: column; flex-direction: column;
z-index: 200; z-index: 200;
@media (max-height: 600px) {
max-height: 236px;
}
} }
&__accounts { &__accounts {
@ -133,8 +133,14 @@
max-height: 256px; max-height: 256px;
scrollbar-width: auto; scrollbar-width: auto;
@media screen and (max-width: $break-small) { @include screen-sm-max {
max-height: 156px; max-height: 240px;
}
// If window is smaller than extension popover height
// reduce scrollable accounts window height
@media screen and (max-height: 600px) {
max-height: 130px;
} }
.keyring-label { .keyring-label {
@ -231,7 +237,11 @@
} }
&__name { &__name {
@include H4; @include H6;
@include screen-md-min {
@include Paragraph;
}
color: var(--color-text-default); color: var(--color-text-default);
text-overflow: ellipsis; text-overflow: ellipsis;