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

Merge pull request #232 from jamal-jackson/feature/settings_views_polish 

Added Settings Icons
This commit is contained in:
Gustavo Maximiliano Cortez 2016-09-30 17:18:17 -03:00 committed by GitHub
parent c6f73cb4c6 1eac88d5da
commit e4c72fa73d
13 changed files with 224 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/img/icon-about.svg Normal file
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>56CDED2F-4C6C-4463-A1F8-2D5CA198DC77</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons" transform="translate(-369.000000, -769.000000)" stroke="#8F8F90">
<g id="icons/list-items/sync" transform="translate(370.000000, 770.000000)">
<g id="icon/info">
<g>
<circle id="Oval" cx="9" cy="9" r="9"></circle>
<polyline id="Shape" points="7.36363636 8.18181818 9 8.18181818 9 13.0909091"></polyline>
<path d="M7.36363636,13 L10.6363636,13" id="Shape"></path>
<path d="M9,4.90909091 L9,5.72727273" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

20
public/img/icon-address-book.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="19px" viewBox="0 0 18 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>497EDE1E-1EB6-4FBF-8440-97D248EFDC4C</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons" transform="translate(-185.000000, -769.000000)" stroke="#8F8F90">
<g id="icons/list-items/sync" transform="translate(186.000000, 770.000000)">
<g id="Group" transform="translate(0.386364, 0.370709)">
<path d="M0,16.3112128 L0,-1.77635684e-15 L12.3636364,-1.77635684e-15 C13.2136364,-1.77635684e-15 13.9090909,0.667276888 13.9090909,1.48283753 L13.9090909,14.8283753 C13.9090909,15.6439359 13.2136364,16.3112128 12.3636364,16.3112128 L0,16.3112128 L0,16.3112128 Z" id="Shape"></path>
<path d="M15.4545455,2.22425629 L15.4545455,3.70709382" id="Shape"></path>
<path d="M15.4545455,5.93135011 L15.4545455,7.41418764" id="Shape"></path>
<path d="M7.72727273,7.93318078 L9.42727273,9.19359268 C9.81363636,9.49016018 10.0454545,9.93501144 10.0454545,10.3798627 L10.0454545,11.1212815 L3.86363636,11.1212815 L3.86363636,10.3798627 C3.86363636,9.93501144 4.09545455,9.49016018 4.48181818,9.19359268 L6.18181818,8.00732265" id="Shape"></path>
<path d="M6.95454545,8.15560641 L6.95454545,8.15560641 C6.10454545,8.15560641 5.40909091,7.48832952 5.40909091,6.67276888 L5.40909091,5.93135011 C5.40909091,5.11578947 6.10454545,4.44851259 6.95454545,4.44851259 L6.95454545,4.44851259 C7.80454545,4.44851259 8.5,5.11578947 8.5,5.93135011 L8.5,6.67276888 C8.5,7.48832952 7.80454545,8.15560641 6.95454545,8.15560641 L6.95454545,8.15560641 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

22
public/img/icon-alternative-currency.svg Normal file
View File

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>3A719124-019D-470F-908A-5D61F117A295</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons" transform="translate(-324.000000, -770.000000)" stroke="#8F8F90" stroke-width="0.7">
<g id="icons/list-items/sync" transform="translate(324.000000, 770.000000)">
<g id="Group" transform="translate(0.365217, 0.365217)">
<polyline id="Shape" points="10.5913043 11.6869565 0 11.6869565 0 0 16.0695652 0 16.0695652 7.96173913"></polyline>
<ellipse id="Oval" cx="8.03478261" cy="5.84347826" rx="1.46086957" ry="1.46086957"></ellipse>
<path d="M13.8782609,6.57391304 L13.8782609,4.3826087 C12.6365217,4.3826087 11.6869565,3.43304348 11.6869565,2.19130435 L4.3826087,2.19130435 C4.3826087,3.43304348 3.43304348,4.3826087 2.19130435,4.3826087 L2.19130435,7.30434783 C3.43304348,7.30434783 4.3826087,8.25391304 4.3826087,9.49565217 L10.5913043,9.49565217" id="Shape"></path>
<path d="M15.0469565,13.5130435 C15.6313043,13.8052174 16.0695652,14.1704348 16.0695652,14.6086957 C16.0695652,15.4121739 14.7547826,16.0695652 13.1478261,16.0695652 C11.5408696,16.0695652 10.226087,15.4121739 10.226087,14.6086957 C10.226087,14.1704348 10.5913043,13.8052174 11.2486957,13.5130435" id="Shape"></path>
<path d="M15.0469565,11.3217391 C15.6313043,11.613913 16.0695652,11.9791304 16.0695652,12.4173913 C16.0695652,13.2208696 14.7547826,13.8782609 13.1478261,13.8782609 C11.5408696,13.8782609 10.226087,13.2208696 10.226087,12.4173913 C10.226087,11.9791304 10.5913043,11.613913 11.1756522,11.3217391" id="Shape"></path>
<path d="M15.0469565,9.13043478 C15.6313043,9.4226087 16.0695652,9.78782609 16.0695652,10.226087 C16.0695652,11.0295652 14.7547826,11.6869565 13.1478261,11.6869565 C11.5408696,11.6869565 10.226087,11.0295652 10.226087,10.226087 C10.226087,9.78782609 10.5913043,9.4226087 11.1756522,9.13043478" id="Shape"></path>
<ellipse id="Oval" cx="13.1478261" cy="8.03478261" rx="2.92173913" ry="1.46086957"></ellipse>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

19
public/img/icon-excahnge.svg Normal file
View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>CEACEB0C-360F-42C8-8D65-89BE2C0C9E86</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons" transform="translate(-496.000000, -770.000000)" stroke="#8F8F90">
<g id="icons/list-items/sync" transform="translate(497.000000, 770.000000)">
<g id="Group" transform="translate(0.403361, 0.391304)">
<path d="M0,8.60869565 C0,4.30434783 3.6302521,0.782608696 8.06722689,0.782608696 C11.2134454,0.782608696 13.9563025,2.50434783 15.2470588,5.08695652" id="Shape"></path>
<path d="M16.1344538,8.60869565 C16.1344538,12.9130435 12.5042017,16.4347826 8.06722689,16.4347826 C4.9210084,16.4347826 2.17815126,14.7130435 0.887394958,12.1304348" id="Shape"></path>
<polyline id="Shape" points="15.9731092 0.547826087 15.3277311 5.16521739 10.487395 4.53913043"></polyline>
<polyline id="Shape" points="0.161344538 16.6695652 0.806722689 12.0521739 5.64705882 12.6782609"></polyline>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

16
public/img/icon-language.svg Normal file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="19px" height="19px" viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>7368D005-CAC7-454B-8CF2-4315F4016920</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons" transform="translate(-277.000000, -769.000000)" stroke="#8F8F90">
<g id="icons/list-items/sync" transform="translate(278.000000, 770.000000)">
<g id="Group" transform="translate(0.347826, 0.378151)">
<path d="M14.889225,12.3491049 C16.1172023,11.0140665 16.8846881,9.34526854 16.8846881,7.50959079 C16.8846881,3.33759591 13.1240076,0 8.44234405,0 C3.76068053,0 0,3.33759591 0,7.50959079 C0,11.6815857 3.76068053,15.0191816 8.44234405,15.0191816 C9.28657845,15.0191816 10.0540643,14.9357417 10.8215501,14.685422 L15.3497164,16.6879795 L14.889225,12.3491049 L14.889225,12.3491049 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

21
public/img/icon-network.svg Normal file
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>D1663024-9AD7-491F-B0E0-B718DFFAA258</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons" transform="translate(-634.000000, -770.000000)" stroke="#8F8F90" stroke-width="0.7">
<g id="icons/list-items/sync" transform="translate(634.000000, 770.000000)">
<g id="Group" transform="translate(0.403361, 0.403361)">
<path d="M7.41176471,6.45378151 L7.41176471,9.68067227" id="Shape"></path>
<polyline id="Shape" points="1.61344538 9.68067227 1.61344538 8.06722689 14.5210084 8.06722689 14.5210084 9.68067227"></polyline>
<ellipse id="Oval" cx="8.06722689" cy="1.61344538" rx="1.61344538" ry="1.61344538"></ellipse>
<ellipse id="Oval" cx="1.61344538" cy="14.5210084" rx="1.61344538" ry="1.61344538"></ellipse>
<ellipse id="Oval" cx="8.06722689" cy="14.5210084" rx="1.61344538" ry="1.61344538"></ellipse>
<ellipse id="Oval" cx="14.5210084" cy="14.5210084" rx="1.61344538" ry="1.61344538"></ellipse>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

18
public/img/icon-notifications.svg Normal file
View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="21px" viewBox="0 0 20 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>A3CC6A90-742E-4634-91DC-28F2146B6659</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons" transform="translate(-542.000000, -768.000000)" stroke="#8F8F90">
<g id="icons/list-items/sync" transform="translate(543.000000, 769.000000)">
<g id="Group" transform="translate(0.392391, 0.413043)">
<path d="M6.28767826,13.3123913 C6.33555,14.6357826 7.36361522,15.6956522 8.6326087,15.6956522 C9.90160217,15.6956522 10.927313,14.6357826 10.9759696,13.3123913" id="Shape"></path>
<path d="M17.2652174,15.6956522 C17.2652174,14.1566522 16.4561065,11.1521739 14.126087,9.91304348 L14.126087,5.7826087 C14.126087,2.58895652 11.6665783,0 8.6326087,0 C5.59863913,0 3.13913043,2.58895652 3.13913043,5.7826087 L3.13913043,9.91304348 C0.784782609,11.1777826 0,14.1566522 0,15.6956522" id="Shape"></path>
<ellipse id="Oval" cx="8.6326087" cy="15.6956522" rx="8.6326087" ry="2.47826087"></ellipse>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

16
public/img/icon-send-feedback.svg Normal file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>C327FD1B-B044-4367-BB49-9491E30599E8</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons" transform="translate(-231.000000, -769.000000)" stroke="#8F8F90">
<g id="icons/list-items/sync" transform="translate(232.000000, 770.000000)">
<g id="Group" transform="translate(0.368286, 0.383523)">
<path d="M11.7851662,0 C10.2383632,0 8.91253197,0.84375 8.10230179,2.07102273 C7.29207161,0.84375 5.96624041,0 4.41943734,0 C1.9887468,0 0,2.07102273 0,4.60227273 C0,9.20454545 8.10230179,16.1079545 8.10230179,16.1079545 C8.10230179,16.1079545 16.2046036,9.20454545 16.2046036,4.60227273 C16.2046036,2.07102273 14.2158568,0 11.7851662,0 L11.7851662,0 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

14
public/img/icon-unit.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

14
public/img/transaction-ico-down.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="28px" viewBox="0 0 20 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>78FB16E7-9CC3-4CDA-A486-CB4310074D47</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square" opacity="0.6">
<g id="Icons" transform="translate(-413.000000, -765.000000)" stroke="#32424E" stroke-width="3" fill="#32424E">
<g id="transaction-ico-down" transform="translate(417.000000, 767.000000)">
<path d="M5.82172961,0.186422001 L5.82172961,18.4595827 M5.93564157,24 L12,18.3836983 L0,18.3836983 L5.93564157,24 Z" id="Triangle-2-Copy-2"></path>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 926 B

14
public/img/transaction-ico-up.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="28px" viewBox="0 0 20 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>63F37BA0-E6F5-4C27-A289-41CF276928B5</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square" opacity="0.6">
<g id="Icons" transform="translate(-453.000000, -765.000000)" stroke="#32424E" stroke-width="3" fill="#32424E">
<g id="transaction-ico-up" transform="translate(457.000000, 767.000000)">
<path d="M5.82172961,0.186422001 L5.82172961,18.4595827 M5.93564157,24 L12,18.3836983 L0,18.3836983 L5.93564157,24 Z" id="Triangle-2-Copy-2" transform="translate(6.000000, 12.000000) scale(1, -1) translate(-6.000000, -12.000000) "></path>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1014 B

28
public/views/tab-settings.html
View File

@ -7,7 +7,9 @@
<div class="list">
<div class="item item-divider"></div>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.addressbook">
<i class="icon ion-ios-book-outline"></i>
<i class="icon big-icon-svg">
<img src="img/icon-address-book.svg" class="bg"/>
</i>
<span translate>Address Book</span>
<i class="icon nav-item-arrow-right"></i>
</a>
@ -15,13 +17,17 @@
<div class="item item-divider" translate>Preferences</div>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.notifications" ng-show="usePushNotifications">
<i class="icon ion-ios-bell-outline"></i>
<i class="icon big-icon-svg">
<img src="img/icon-notifications.svg" class="bg"/>
</i>
<span translate>Notifications</span>
<i class="icon nav-item-arrow-right"></i>
</a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.language">
<i class="icon ion-ios-chatbubble-outline"></i>
<i class="icon big-icon-svg">
<img src="img/icon-language.svg" class="bg"/>
</i>
<span translate>Language</span>
<span class="item-note">
{{currentLanguageName|translate}}
@ -30,7 +36,9 @@
</a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.unit">
<i class="icon ion-ios-calculator-outline"></i>
<i class="icon big-icon-svg">
<img src="img/icon-unit.svg" class="bg"/>
</i>
<span translate>Unit</span>
<span class="item-note">
{{unitName}}
@ -39,7 +47,9 @@
</a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.altCurrency">
<i class="icon ion-social-usd-outline"></i>
<i class="icon big-icon-svg">
<img src="img/icon-alternative-currency.svg" class="bg"/>
</i>
<span translate>Alternative Currency</span>
<span class="item-note">
{{selectedAlternative.name}}
@ -48,7 +58,9 @@
</a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.fee">
<i class="icon ion-social-bitcoin-outline"></i>
<i class="icon big-icon-svg">
<img src="img/icon-network.svg" class="bg"/>
</i>
<span translate>Bitcoin Network Fee Policy</span>
<span class="item-note">
{{feeOpts[currentFeeLevel]|translate}}
@ -79,7 +91,9 @@
<div class="item item-divider"></div>
<a class="item item-icon-left item-icon-right" href ui-sref="tabs.about">
<i class="icon ion-ios-information-outline"></i>
<i class="icon big-icon-svg">
<img src="img/icon-about.svg" class="bg"/>
</i>
<span translate>About</span> {{appName}}
<i class="icon nav-item-arrow-right"></i>
</a>

8
src/sass/views/tab-settings.scss
View File

@ -12,6 +12,14 @@
border-top: none;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
.big-icon-svg {
& > .bg{
width:20px;
height:20px;
border-radius: 0;
box-shadow: none;
}
}
&:before {
display: block;
position: absolute;