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 gas input styling on mobile view

Browse Source
This commit is contained in:
Chi Kei Chan 2017-10-25 01:08:14 -07:00
parent e263ae9421
commit 0d522139ba
4 changed files with 35 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/app/components/customize-gas-modal/index.js
View File

@ -198,7 +198,7 @@ CustomizeGasModal.prototype.render = function () {
})
return h('div.send-v2__customize-gas', {}, [
h('div', {
h('div.send-v2__customize-gas__content', {
}, [
h('div.send-v2__customize-gas__header', {}, [
@ -241,8 +241,9 @@ CustomizeGasModal.prototype.render = function () {
]),
h('div.send-v2__customize-gas__revert', {
onClick: () => console.log('Revert'),
}, ['Revert']),
// onClick: () => console.log('Revert'),
}, ['']),
// }, ['Revert']),
h('div.send-v2__customize-gas__buttons', [
h('div.send-v2__customize-gas__cancel', {

7
ui/app/components/modals/modal.js
View File

@ -162,10 +162,9 @@ const MODALS = {
h(CustomizeGasModal, {}, []),
],
mobileModalStyle: {
width: '355px',
height: '598px',
// top: isPopupOrNotification() === 'popup' ? '52vh' : '36.5vh',
top: '5%',
width: '100vw',
height: '100vh',
top: '0',
transform: 'none',
left: '0',
right: '0',

4
ui/app/css/itcss/components/confirm.scss
View File

@ -85,8 +85,10 @@
background: $athens-grey;
position: absolute;
transform: rotate(45deg);
left: 178px;
top: 71px;
left: 0;
right: 0;
margin: 0 auto;
}
.confirm-screen-title {

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

@ -274,6 +274,7 @@
color: #9b9b9b;
font-size: .8em;
padding: 1px 4px;
cursor: pointer;
}
.token-gas {
@ -474,6 +475,7 @@
@media screen and (max-width: $break-small) {
height: 59px;
width: 100vw;
}
}
@ -484,10 +486,13 @@
position: absolute;
transform: rotate(45deg);
left: 178px;
top: 65px;
top: 75px;
@media screen and (max-width: $break-small) {
top: 46px;
left: 0;
right: 0;
margin: 0 auto;
}
}
@ -706,8 +711,8 @@
flex-flow: column;
@media screen and (max-width: $break-small) {
width: 355px;
height: 598px;
width: 100vw;
height: 100vh;
}
&__header {
@ -717,6 +722,10 @@
align-items: center;
justify-content: space-between;
font-size: 22px;
@media screen and (max-width: $break-small) {
flex: 0 0 auto;
}
}
&__title {
@ -732,14 +741,19 @@
margin-right: 19.25px;
}
&__body {
height: 248px;
&__content {
display: flex;
flex-flow: column nowrap;
height: 100%;
}
&__body {
display: flex;
margin-bottom: 24px;
@media screen and (max-width: $break-small) {
width: 355px;
height: 470px;
flex-flow: column;
flex: 1 1 auto;
}
}
@ -751,6 +765,10 @@
justify-content: space-between;
font-size: 22px;
position: relative;
@media screen and (max-width: $break-small) {
flex: 0 0 auto;
}
}
&__buttons {