1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00

Fix styling of send screen in extension view when hex data on.

This commit is contained in:
Dan Miller 2018-12-03 16:43:32 -03:30
parent d8e41a6aa5
commit 8194309a9a
4 changed files with 17 additions and 12 deletions

View File

@ -5,9 +5,15 @@
.page-container { .page-container {
max-width: 391px; max-width: 391px;
min-height: 585px; min-height: 585px;
overflow-y: initial;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
max-width: 344px; max-width: 344px;
&__content {
display: flex;
overflow-y: initial;
}
} }
&__header { &__header {

View File

@ -67,10 +67,6 @@
justify-content: stretch; justify-content: stretch;
max-width: 260px; max-width: 260px;
@media screen and (max-width: $break-small) {
max-width: 230px;
}
&__button-fiat-price { &__button-fiat-price {
font-size: 13px; font-size: 13px;
} }
@ -85,10 +81,18 @@
&__primary-currency { &__primary-currency {
font-size: 12px; font-size: 12px;
@media screen and (max-width: 575px) {
font-size: 10px;
}
} }
&__secondary-currency { &__secondary-currency {
font-size: 12px; font-size: 12px;
@media screen and (max-width: 575px) {
font-size: 10px;
}
} }
&__loading-container { &__loading-container {

View File

@ -6,6 +6,7 @@
display: flex; display: flex;
flex-flow: column; flex-flow: column;
border-radius: 8px; border-radius: 8px;
overflow-y: auto;
&__header { &__header {
display: flex; display: flex;
@ -197,11 +198,7 @@
background-color: $white; background-color: $white;
border-radius: 0; border-radius: 0;
flex: 1; flex: 1;
overflow-y: auto;
&__content {
display: flex;
overflow-y: initial;
}
} }
} }

View File

@ -530,7 +530,6 @@
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
margin: 0; margin: 0;
flex: 1 1 auto; flex: 1 1 auto;
width: 100%;
} }
} }
@ -580,7 +579,7 @@
font-family: Roboto; font-family: Roboto;
font-size: 16px; font-size: 16px;
line-height: 22px; line-height: 22px;
width: 112px; width: 88px;
font-weight: 400; font-weight: 400;
flex: 0 0 auto; flex: 0 0 auto;
} }
@ -623,7 +622,6 @@
&__to-autocomplete { &__to-autocomplete {
position: relative; position: relative;
max-width: 260px;
&__down-caret { &__down-caret {
z-index: 1026; z-index: 1026;