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', {
style: {
overflow: 'hidden',
overflowX: 'hidden',
position: 'relative',
alignItems: 'center',
},

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

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