poanetwork
/
proofofphone
mirror of https://github.com/poanetwork/proofofphone.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Сopy elements style update

This commit is contained in:
Victor 2016-06-24 11:51:09 +03:00
parent da287a1874
commit 75205c5741
3 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/public/css/index.css
View File

@ -66,7 +66,7 @@
font-weight: 700;
}
.POPBottomDescriptionContainer {
width: 600px;
width: 610px;
}
.POPDescContainer {
margin-bottom: 30px;
@ -233,7 +233,7 @@
}
.copyTableCellCopyButton {
transition: .2s ease-out;
background: rgb(80,182,207) url("/img/wallet_icon.png") no-repeat center center;
background: rgb(80,182,207) url("/img/copy.png") no-repeat center center;
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
cursor: pointer;
@ -242,11 +242,11 @@
}
.copyTableCellCopyButton.zeroclipboard-is-hover {
transition: .2s ease-out;
background: rgb(115, 196, 217) url("/img/wallet_icon.png") no-repeat center center !important;
background: rgb(115, 196, 217) url("/img/copy.png") no-repeat center center !important;
}
.copyTableCellCopyButton2 {
transition: .2s ease-out;
background: rgb(80,182,207) url("/img/message_icon.png") no-repeat center center;
background: rgb(80,182,207) url("/img/copy.png") no-repeat center center;
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
cursor: pointer;
@ -255,7 +255,7 @@
}
.copyTableCellCopyButton2.zeroclipboard-is-hover {
transition: .2s ease-out;
background: rgb(115, 196, 217) url("/img/message_icon.png") no-repeat center center !important;
background: rgb(115, 196, 217) url("/img/copy.png") no-repeat center center !important;
}
.copyTableCellWalletValue1 {
background: rgb(156,224,236);
@ -265,15 +265,21 @@
padding-right: 5px;
}
.copyTableCellWalletValue2 {
background: rgb(87,196,223);
background: rgb(87,196,223) url("/img/wallet_icon.png") no-repeat 15px center;
color: white;
/*padding: 15px;*/
padding-left: 15px;
padding-left: 48px;
padding-right: 15px;
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
#addressVal {
background: rgb(87,196,223) url("/img/wallet_icon.png") no-repeat 15px center;
}
#hashVal {
background: rgb(87,196,223) url("/img/message_icon.png") no-repeat 15px center;
}
.radioContainer {
display: table;
vertical-align: middle;

0
web/public/img/walletCopy.png → web/public/img/copy.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

17
web/views/index.pug
View File

@ -63,14 +63,15 @@ html
input(id="POPInputSMS" placeholder="SMS code", type="number").POPInput.POPInputSMS.hide
input(id="POPInputWallet" placeholder="Ethereum wallet").POPInput.POPInputWallet.hide
button.POPButton#POPSubmit submit
div.checkboxContainer
div.checkboxInnerContainer
div.checkboxInnerContainerCell
div.POPcheckbox
div.POPcheckboxSelected
div.checkboxInnerContainerCell
span.POPCheckboxDesc I understand that this is a proof-of-concept, my phone number will be permanently stored unencrypted on the Ethereum blockchain and connected to my public key
input(type="checkbox", name="privacyPolicyCheckbox", id="privacyPolicyCheckbox", checked).hide
//
div.checkboxContainer
div.checkboxInnerContainer
div.checkboxInnerContainerCell
div.POPcheckbox
div.POPcheckboxSelected
div.checkboxInnerContainerCell
span.POPCheckboxDesc I understand that this is a proof-of-concept, my phone number will be permanently stored unencrypted on the Ethereum blockchain and connected to my public key
input(type="checkbox", name="privacyPolicyCheckbox", id="privacyPolicyCheckbox", checked).hide
div.POPBottomDescriptionContainer
div.POPTitleContainer.marginBottom1
label.POPTitle2 How does it work?