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

Fix connect flow account list height (#8798)

Browse Source 
The list of accounts shown on the first page of the connect flow takes
up the entire height of the window, even if there aren't enough
accounts to fill the space. This looks strange because of the border
around the account list, especially in the case where there are three
accounts in the list.

The list now cedes space to the footer if it can't fill the space
itself. The extra space is taken by whitespace between the footer and
the list.
This commit is contained in:
Mark Stacey 2020-06-12 18:22:45 -03:00 committed by GitHub
parent 53769a7b3a
commit f17aa87a65
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/app/pages/permissions-connect/choose-account/index.scss
View File

@ -41,8 +41,9 @@
} }
&__accounts-list { &__accounts-list {
flex: 1 1 0; flex: 2 1 0;
width: 92%; width: 92%;
max-height: max-content;
border: 1px solid #D0D5DA; border: 1px solid #D0D5DA;
box-sizing: border-box; box-sizing: border-box;
border-radius: 8px; border-radius: 8px;
@ -147,7 +148,7 @@
&__footer-container { &__footer-container {
width: 100%; width: 100%;
flex: 0; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;