m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +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%;
@media screen and (max-width: $break-small) {
padding: 14px;
height: 54px;
padding: 0 14px;
height: 40px;
}
&--clickable {
@ -65,7 +65,11 @@
}
&__text {
@include Paragraph;
@include H6;
@include screen-md-min {
@include Paragraph;
}
color: var(--color-text-default);
}
@ -121,10 +125,6 @@
position: relative;
flex-direction: column;
z-index: 200;
@media (max-height: 600px) {
max-height: 236px;
}
}
&__accounts {
@ -133,8 +133,14 @@
max-height: 256px;
scrollbar-width: auto;
@media screen and (max-width: $break-small) {
max-height: 156px;
@include screen-sm-max {
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 {
@ -231,7 +237,11 @@
}
&__name {
@include H4;
@include H6;
@include screen-md-min {
@include Paragraph;
}
color: var(--color-text-default);
text-overflow: ellipsis;