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('button.btn-clear', {
h('button.btn-cancel.hide-token-confirmation__button', {
onClick: () => hideModal(),
}, [
'CANCEL',
]),
h('button.btn-clear', {
h('button.btn-clear.hide-token-confirmation__button', {
onClick: () => hideToken(address),
}, [
'HIDE',

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

@ -486,10 +486,9 @@
.hide-token-confirmation {
min-height: 250.72px;
width: 374.49px;
border-radius: 4px;
background-color: #FFFFFF;
box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);
background-color: $white;
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .5);
&__container {
padding: 24px 27px 21px;
@ -499,7 +498,7 @@
}
&__identicon {
margin-bottom: 10px
margin-bottom: 10px;
}
&__symbol {
@ -538,20 +537,11 @@
justify-content: center;
margin-top: 15px;
width: 100%;
}
button {
height: 44px;
width: 113px;
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;
}
&__button {
width: 141px;
margin: 0 5px;
}
}

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

@ -153,7 +153,7 @@ $wallet-view-bg: $alabaster;
background: rgb(250, 250, 250);
z-index: $sidebar-z-index;
position: fixed;
top: 56px;
top: 66px;
left: 0;
right: 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;
width: 191px;
border-radius: 4px;
background-color: rgba(0,0,0,0.82);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
position: fixed;
margin-top: 20px;
margin-left: 105px;
background-color: rgba(0, 0, 0, .82);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
position: absolute;
top: 60px;
right: 25px;
z-index: 2000;
&__close-area {