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

Make send token responsive; fix desktop send modal height

Browse Source
This commit is contained in:
Chi Kei Chan 2017-09-14 11:45:59 -07:00
parent 35d8671843
commit 7d76e404f2
2 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/app.js
View File

@ -99,7 +99,7 @@ App.prototype.render = function () {
h('.flex-column.full-height', { h('.flex-column.full-height', {
style: { style: {
overflow: 'hidden', overflowX: 'hidden',
position: 'relative', position: 'relative',
alignItems: 'center', alignItems: 'center',
}, },

24
ui/app/css/itcss/components/send.scss
View File

@ -7,12 +7,12 @@
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
}
section { section {
flex: 0 0 auto; flex: 0 0 auto;
} }
} }
}
.send-screen-card { .send-screen-card {
background-color: #fff; background-color: #fff;
@ -24,13 +24,13 @@
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
width: 498px; width: 498px;
flex: 1 0 auto;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
top: 0; top: 0;
width: 100%; width: 100%;
box-shadow: none; box-shadow: none;
padding: 12px; padding: 12px;
flex: 1 0 auto;
} }
} }
@ -314,12 +314,26 @@
align-items: center; align-items: center;
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
flex: 1 0 auto;
@media screen and (max-width: $break-small) {
top: 0;
width: 100%;
box-shadow: none;
padding: 12px;
}
} }
.identicon { .identicon {
position: absolute; position: absolute;
top: -35px; top: -35px;
z-index: 25; z-index: 25;
@media screen and (max-width: $break-small) {
position: relative;
top: 0;
flex: 0 0 auto;
}
} }
&__title { &__title {
@ -334,6 +348,7 @@
margin-top: 10px; margin-top: 10px;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
text-align: center;
} }
&__token-balance { &__token-balance {
@ -346,6 +361,11 @@
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
align-items: center; align-items: center;
flex: 0 0 auto;
@media screen and (max-width: $break-small) {
margin-top: 24px;
}
button { button {
width: 163px; width: 163px;