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

Add Token styling fix

Browse Source
This commit is contained in:
Chi Kei Chan 2017-10-25 18:47:28 -07:00
parent 5aecce908f
commit b2e440e4ff
2 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/app/add-token.js
View File

@ -255,9 +255,9 @@ AddTokenScreen.prototype.renderTokenList = function () {
h('div.add-token__token-symbol', symbol), h('div.add-token__token-symbol', symbol),
h('div.add-token__token-name', name), h('div.add-token__token-name', name),
]), ]),
tokenAlreadyAdded && ( // tokenAlreadyAdded && (
h('div.add-token__token-message', 'Already added') // h('div.add-token__token-message', 'Already added')
), // ),
]) ])
) )
}) })

28
ui/app/css/itcss/components/add-token.scss
View File

@ -265,6 +265,11 @@
&__confirmation-title { &__confirmation-title {
padding: 30px 120px 12px; padding: 30px 120px 12px;
@media screen and (max-width: $break-small) {
padding: 20px 0;
width: 100%;
}
} }
&__confirmation-content { &__confirmation-content {
@ -274,7 +279,7 @@
&__confirmation-token-list-item { &__confirmation-token-list-item {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
padding: 0 120px; margin: 0 auto;
align-items: center; align-items: center;
} }
@ -289,10 +294,14 @@
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
top: 0; top: 0;
width: 100%; width: 100%;
overflow-y: auto; overflow: hidden;
height: 100%;
&__wrapper { &__wrapper {
box-shadow: none !important; box-shadow: none !important;
flex: 1 1 auto;
width: 100%;
overflow-y: auto;
} }
&__footers { &__footers {
@ -313,5 +322,20 @@
font-size: 12px; font-size: 12px;
line-height: 16px; line-height: 16px;
} }
&__buttons {
flex-flow: row nowrap;
width: 100%;
align-items: center;
justify-content: center;
padding: 12px 0;
margin: 0;
border-top: 1px solid $gallery;
button {
flex: 1 0 auto;
margin: 0 12px;
}
}
} }
} }