mirror of https://github.com/BTCPrivate/copay.git
turned icon checkbox from on boarding into svgs
This commit is contained in:
parent
f4017f5a7f
commit
98ab684b05
|
@ -49,24 +49,23 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
.checkbox input:before,
|
.checkbox input:before,
|
||||||
|
.checkbox .checkbox-icon:before,
|
||||||
|
.checkbox input:after,
|
||||||
|
.checkbox-icon:after,
|
||||||
|
.checkbox input:checked:after,
|
||||||
|
input:checked + .checkbox-icon:after{
|
||||||
|
border:none;
|
||||||
|
}
|
||||||
|
.checkbox input:before,
|
||||||
.checkbox .checkbox-icon:before {
|
.checkbox .checkbox-icon:before {
|
||||||
border-radius: 50% !important;
|
padding: 1.1rem;
|
||||||
background: none;
|
|
||||||
border-width: 2px;
|
|
||||||
padding: .9rem;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
left: -7px;
|
background:url("../img/onboarding-checkbox-unchecked.svg") top center no-repeat;
|
||||||
top: -8px;
|
|
||||||
}
|
}
|
||||||
.checkbox input:checked:before,
|
.checkbox input:checked:before,
|
||||||
.checkbox input:checked + .checkbox-icon:before {
|
.checkbox input:checked + .checkbox-icon:before {
|
||||||
border-color: rgb(19, 229, 182);
|
border:none;
|
||||||
}
|
background:url("../img/onboarding-checkbox-checked.svg") top center no-repeat;
|
||||||
.checkbox input:checked:after,
|
|
||||||
input:checked + .checkbox-icon:after {
|
|
||||||
border-color: rgb(19, 229, 182);
|
|
||||||
top: 4px;
|
|
||||||
left: 3px;
|
|
||||||
}
|
}
|
||||||
.item-content {
|
.item-content {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
|
@ -76,7 +75,8 @@
|
||||||
}
|
}
|
||||||
.item-checkbox .checkbox {
|
.item-checkbox .checkbox {
|
||||||
margin-left: 3%;
|
margin-left: 3%;
|
||||||
top:44%;
|
top:30%;
|
||||||
|
left:0;
|
||||||
}
|
}
|
||||||
#agree-to-terms {
|
#agree-to-terms {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
|
@ -0,0 +1,8 @@
|
||||||
|
<svg width="35px" height="35px" viewBox="-1 -1 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs></defs>
|
||||||
|
<g id="Icons/Check/Green" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<circle id="Oval-7" stroke="#12E5B6" stroke-width="2" cx="16.5" cy="16.5" r="16.5"></circle>
|
||||||
|
<polyline id="Shape" stroke="#12E5B6" stroke-width="2" points="8.42105263 17 14.3157895 23.5333333 23.1578947 10.4666667"></polyline>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 544 B |
|
@ -0,0 +1,7 @@
|
||||||
|
|
||||||
|
<svg width="35px" height="35px" viewBox="-1 96 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs></defs>
|
||||||
|
<circle id="Oval-7" stroke="#647CE8" stroke-width="2" fill="none" cx="16.5" cy="113.5" r="16.5"></circle>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 404 B |
Loading…
Reference in New Issue