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 Hide Token modal styling, popup positioning

Browse Source
This commit is contained in:
Alexander Tseung 2018-01-13 14:59:16 -08:00 committed by Chi Kei Chan
parent 85b2012106
commit 644adeccf6
4 changed files with 15 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/app/components/modals/hide-token-confirmation-modal.js
View File

@ -58,12 +58,12 @@ HideTokenConfirmationModal.prototype.render = function () {
]), ]),
h('div.hide-token-confirmation__buttons', {}, [ h('div.hide-token-confirmation__buttons', {}, [
h('button.btn-clear', { h('button.btn-cancel.hide-token-confirmation__button', {
onClick: () => hideModal(), onClick: () => hideModal(),
}, [ }, [
'CANCEL', 'CANCEL',
]), ]),
h('button.btn-clear', { h('button.btn-clear.hide-token-confirmation__button', {
onClick: () => hideToken(address), onClick: () => hideToken(address),
}, [ }, [
'HIDE', 'HIDE',

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

@ -486,10 +486,9 @@
.hide-token-confirmation { .hide-token-confirmation {
min-height: 250.72px; min-height: 250.72px;
width: 374.49px;
border-radius: 4px; border-radius: 4px;
background-color: #FFFFFF; background-color: $white;
box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .5);
&__container { &__container {
padding: 24px 27px 21px; padding: 24px 27px 21px;
@ -499,7 +498,7 @@
} }
&__identicon { &__identicon {
margin-bottom: 10px margin-bottom: 10px;
} }
&__symbol { &__symbol {
@ -538,20 +537,11 @@
justify-content: center; justify-content: center;
margin-top: 15px; margin-top: 15px;
width: 100%; width: 100%;
}
button { &__button {
height: 44px; width: 141px;
width: 113px; margin: 0 5px;
border: 1px solid $scorpion;
border-radius: 2px;
color: $tundora;
font-family: Roboto;
font-size: 14px;
line-height: 20px;
text-align: center;
margin-left: 4px;
margin-right: 4px;
}
} }
} }

2
ui/app/css/itcss/components/newui-sections.scss
View File

@ -153,7 +153,7 @@ $wallet-view-bg: $alabaster;
background: rgb(250, 250, 250); background: rgb(250, 250, 250);
z-index: $sidebar-z-index; z-index: $sidebar-z-index;
position: fixed; position: fixed;
top: 56px; top: 66px;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;

10
ui/app/css/itcss/components/token-list.scss
View File

@ -63,11 +63,11 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
height: 55px; height: 55px;
width: 191px; width: 191px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(0,0,0,0.82); background-color: rgba(0, 0, 0, .82);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
position: fixed; position: absolute;
margin-top: 20px; top: 60px;
margin-left: 105px; right: 25px;
z-index: 2000; z-index: 2000;
&__close-area { &__close-area {