mirror of https://github.com/BTCPrivate/copay.git
add new icon on sections
This commit is contained in:
bechi
parent
59bd722c76
commit
e8be5814d4
|
|
@ -50,33 +50,78 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-trash:before {
|
||||
content: "\e626";
|
||||
}
|
||||
.icon-history:before {
|
||||
content: "\e623";
|
||||
}
|
||||
.icon-reference:before {
|
||||
content: "\e621";
|
||||
}
|
||||
.icon-bell:before {
|
||||
content: "\e61c";
|
||||
}
|
||||
.icon-receive:before {
|
||||
content: "\e625";
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\e61d";
|
||||
}
|
||||
.icon-download:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
.icon-upload:before {
|
||||
content: "\e61f";
|
||||
}
|
||||
.icon-power:before {
|
||||
content: "\e620";
|
||||
}
|
||||
.icon-forward:before {
|
||||
content: "\e624";
|
||||
}
|
||||
.icon-wallet:before {
|
||||
content: "\e622";
|
||||
}
|
||||
.icon-compose:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.icon-contact:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.icon-email:before {
|
||||
content: "\e612";
|
||||
}
|
||||
.icon-gear:before {
|
||||
content: "\e613";
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e614";
|
||||
}
|
||||
.icon-locked:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.icon-paperplane:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.icon-people:before {
|
||||
content: "\e618";
|
||||
}
|
||||
.icon-person:before {
|
||||
content: "\e619";
|
||||
}
|
||||
.icon-pricetag:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
.icon-pricetags:before {
|
||||
content: "\e61b";
|
||||
}
|
||||
.icon-bitcoin:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.icon-history:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.icon-label:before {
|
||||
content: "\e612";
|
||||
}
|
||||
.icon-send:before {
|
||||
content: "\e614";
|
||||
}
|
||||
.icon-setting:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.icon-usd:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.icon-wallet:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
|
@ -121,4 +166,4 @@
|
|||
}
|
||||
.icon-arrow-up4:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -159,10 +159,12 @@ header .alt-currency {
|
|||
.head .menu ul li a {
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
color: #8597A7;
|
||||
}
|
||||
|
||||
.head .menu ul li a:hover {
|
||||
background-color: #fff;
|
||||
background-color: #F8F8FB;
|
||||
color: #2C3E50;
|
||||
}
|
||||
|
||||
.col1 {
|
||||
|
|
@ -1305,10 +1307,10 @@ a:hover .photo-container {
|
|||
|
||||
.input i {
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
font-size: 18px;
|
||||
color: #CAD2DB;
|
||||
font-size: 20px;
|
||||
color: #7A8C9E;
|
||||
border-right: 1px solid #ccc;
|
||||
padding-right: 8px;
|
||||
border-right: 1px solid #E5E8EB;
|
||||
|
|
|
|||
|
|
@ -4,23 +4,23 @@ angular.module('copayApp.controllers').controller('SidebarController', function(
|
|||
|
||||
$scope.menu = [{
|
||||
'title': 'Home',
|
||||
'icon': 'fi-home',
|
||||
'icon': 'icon-home',
|
||||
'link': 'homeWallet'
|
||||
}, {
|
||||
'title': 'Receive',
|
||||
'icon': 'fi-download',
|
||||
'icon': 'icon-receive',
|
||||
'link': 'receive'
|
||||
}, {
|
||||
'title': 'Send',
|
||||
'icon': 'fi-arrow-right',
|
||||
'icon': 'icon-paperplane',
|
||||
'link': 'send'
|
||||
}, {
|
||||
'title': 'History',
|
||||
'icon': 'fi-clipboard-pencil',
|
||||
'icon': 'icon-history',
|
||||
'link': 'history'
|
||||
}, {
|
||||
'title': 'Settings',
|
||||
'icon': 'fi-widget',
|
||||
'icon': 'icon-gear',
|
||||
'link': 'more'
|
||||
}];
|
||||
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
<div class="input">
|
||||
<input type="email" ng-model="email" class="form-control fi-email"
|
||||
name="email" placeholder="Email" required auto-focus>
|
||||
<i class="fi-mail"></i>
|
||||
<i class="icon-email"></i>
|
||||
</div>
|
||||
|
||||
<label for="insightLivenet">Password</label>
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
<input id="password" type="password" ng-model="$parent.password"
|
||||
class="form-control" name="password" placeholder="{{'Choose a password'|translate}}" check-strength="passwordStrength"
|
||||
tooltip-html-unsafe="Password strength: <b>{{passwordStrength}}</b><br/><span class='size-12'>Tip: Use lower and uppercase, numbers and symbols</span>" tooltip-trigger="focus" required tooltip-placement="right">
|
||||
<i class="fi-lock"></i>
|
||||
<i class="icon-locked"></i>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
class="input form-control" name="repeatpassword"
|
||||
placeholder="{{'Repeat password'|translate}}"
|
||||
match="password" required>
|
||||
<i class="fi-lock"></i>
|
||||
<i class="icon-locked"></i>
|
||||
</div>
|
||||
|
||||
<button translate type="submit" class="button primary radius expand m0"
|
||||
|
|
@ -78,13 +78,13 @@
|
|||
<div class="box-setup-footer">
|
||||
<div class="left">
|
||||
<a class="text-gray" href="#!/">
|
||||
<i class="fi-arrow-left"></i>
|
||||
<i class="icon-arrow-left4"></i>
|
||||
<span translate>Back</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="right">
|
||||
<a class="right size-12 text-gray" href="#!/settings">
|
||||
<i class="fi-wrench"></i>
|
||||
<i class="icon-wrench"></i>
|
||||
<span translate>Settings</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -59,12 +59,12 @@
|
|||
<div class="input">
|
||||
<input type="email" ng-model="email" class="form-control"
|
||||
name="email" placeholder="Email" required auto-focus>
|
||||
<i class="fi-mail"></i>
|
||||
<i class="icon-email"></i>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input type="password" ng-model="password" class="form-control"
|
||||
name="password" placeholder="Password" required>
|
||||
<i class="fi-lock"></i>
|
||||
<i class="icon-locked"></i>
|
||||
</div>
|
||||
|
||||
<button translate type="submit" class="button primary radius expand m0"
|
||||
|
|
@ -75,19 +75,19 @@
|
|||
<div class="box-setup-footer">
|
||||
<div class="left m10r">
|
||||
<a class="button-setup text-gray" href="#!/createProfile">
|
||||
<i class="fi-torso"></i>
|
||||
<i class="icon-person"></i>
|
||||
<span translate>Create a profile</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="left">
|
||||
<a class="button-setup text-gray" href="#!/importProfile">
|
||||
<i class="fi-upload"></i>
|
||||
<i class="icon-upload"></i>
|
||||
<span translate>Import a profile</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="right m10t">
|
||||
<a class="text-gray" href="#!/settings">
|
||||
<i class="fi-wrench"></i>
|
||||
<i class="icon-wrench"></i>
|
||||
<span translate>Settings</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
</label>
|
||||
<div class="input">
|
||||
<input type="password" class="form-control" placeholder="{{'Your wallet password'|translate}}" name="password" ng-model="password" required>
|
||||
<i class="fi-lock"></i>
|
||||
<i class="icon-locked"></i>
|
||||
</div>
|
||||
|
||||
<div class="line-dashed-h m10b m20t"></div>
|
||||
|
|
|
|||
|
|
@ -44,9 +44,10 @@
|
|||
ng-model="backupText"
|
||||
rows="5"></textarea>
|
||||
</div>
|
||||
|
||||
<input type="password" class="form-control"
|
||||
placeholder="{{'Your wallet password'|translate}}" name="password" ng-model="password" required>
|
||||
<div class="input">
|
||||
<input type="password" class="form-control" placeholder="{{'Your wallet password'|translate}}" name="password" ng-model="password" required>
|
||||
<i class="icon-locked"></i>
|
||||
</div>
|
||||
|
||||
<button translate type="submit"
|
||||
class="button primary radius expand m0"
|
||||
|
|
@ -56,7 +57,7 @@
|
|||
</form>
|
||||
<div class="box-setup-footer">
|
||||
<a class="text-gray" href="#!/">
|
||||
<i class="fi-arrow-left"></i>
|
||||
<i class="icon-arrow-left4"></i>
|
||||
<span translate>Back</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,21 +21,21 @@
|
|||
<img gravatar-src="'{{username}}'" gravatar-size="35">
|
||||
</div>
|
||||
<span class="m15t">{{username}} </span>
|
||||
<i class="icon-arrow-down size-16 vm"></i>
|
||||
<i class="icon-arrow-down2 size-16 vm"></i>
|
||||
</a>
|
||||
<ul ng-show="hoverMenu" ng-class="{'hover': hoverMenu}">
|
||||
<ul ng-show="hoverMenu" class="size-16 text-gray" ng-class="{'hover': hoverMenu}">
|
||||
<li>
|
||||
<a class="text-gray size-16" href="#!/create" title="Create new wallet">
|
||||
<i class="fi-plus m10r"></i> {{'Create new wallet'|translate}}</a></li>
|
||||
<li><a class="text-gray size-16" href="#!/join" title="Join shared wallet">
|
||||
<i class="fi-torsos-all m10r"></i> {{'Join shared wallet'|translate}}</a></li>
|
||||
<li><a class="text-gray size-16" href="#!/import" title="Import wallet">
|
||||
<i class="fi-download m10r"></i> {{'Import wallet'|translate}}</a></li>
|
||||
<a href="#!/create" title="Create new wallet">
|
||||
<i class="fi-plus size-18 m10r"></i> {{'Create new wallet'|translate}}</a></li>
|
||||
<li><a href="#!/join" title="Join shared wallet">
|
||||
<i class="icon-people size-18 m10r"></i> {{'Join shared wallet'|translate}}</a></li>
|
||||
<li><a href="#!/import" title="Import wallet">
|
||||
<i class="icon-download size-18 m10r"></i> {{'Import wallet'|translate}}</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a class="text-gray size-16" href="#!/profile" title="Profile">
|
||||
<i class="fi-torso m10r"></i> {{'Profile'|translate}}</a></li>
|
||||
<li><a class="text-gray size-16" href="#!/" title="Close" ng-click="signout()">
|
||||
<i class="fi-power m10r"></i> {{'Close'|translate}}</a></li>
|
||||
<li><a href="#!/profile" title="Profile">
|
||||
<i class="icon-person size-18 m10r"></i> {{'Profile'|translate}}</a></li>
|
||||
<li><a href="#!/" title="Close" ng-click="signout()">
|
||||
<i class="icon-power size-18 m10r"></i> {{'Close'|translate}}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,21 +1,28 @@
|
|||
<h2 translate>Address Book</h2>
|
||||
<form class="m0" name="addressBookForm" ng-submit="submitAddressBook(addressBookForm)" novalidate>
|
||||
<label for="newaddress" class="left"><span translate>Address</span>
|
||||
<small translate ng-hide="!addressBookForm.newaddress.$pristine || newaddress">Required</small>
|
||||
</label>
|
||||
<span translate class="has-error right size-12" ng-show="addressBookForm.newaddress.$invalid && newaddress">
|
||||
<span class="icon-input"><i class="fi-x"></i></span>
|
||||
Not valid
|
||||
</span>
|
||||
<small class="icon-input right" ng-show="!addressBookForm.newaddress.$invalid && newaddress"><i class="fi-check"></i></small>
|
||||
|
||||
<input type="text" id="newaddress" name="newaddress" ng-disabled="loading"
|
||||
<div class="row collapse">
|
||||
<label for="newaddress" class="left"><span translate>Address</span>
|
||||
<small translate ng-hide="!addressBookForm.newaddress.$pristine || newaddress">Required</small>
|
||||
</label>
|
||||
<span translate class="has-error right size-12" ng-show="addressBookForm.newaddress.$invalid && newaddress">
|
||||
<span class="icon-input"><i class="fi-x"></i></span>
|
||||
Not valid
|
||||
</span>
|
||||
<small class="icon-input right" ng-show="!addressBookForm.newaddress.$invalid && newaddress"><i class="fi-check"></i></small>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input type="text" id="newaddress" name="newaddress" ng-disabled="loading"
|
||||
placeholder="{{'Address'|translate}}" ng-model="newaddress" valid-address required>
|
||||
<i class="fi-address-book"></i>
|
||||
</div>
|
||||
|
||||
<label for="newlabel"><span translate>Label</span>
|
||||
<small translate ng-hide="!addressBookForm.newlabel.$pristine || newlabel">Required</small>
|
||||
<input type="text" id="newlabel" name="newlabel" ng-disabled="loading"
|
||||
placeholder="{{'Label'|translate}}" ng-model="newlabel" required>
|
||||
<div class="input">
|
||||
<input type="text" id="newlabel" name="newlabel" ng-disabled="loading"
|
||||
placeholder="{{'Label'|translate}}" ng-model="newlabel" required>
|
||||
<i class="icon-pricetag"></i>
|
||||
</div>
|
||||
</label>
|
||||
<a translate class="m0 button warning small default" ng-click="cancel()">Cancel</a>
|
||||
<input type="submit" class="m0 button small primary right"
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@
|
|||
name="amount" placeholder="{{'Amount'|translate}}" ng-model="amount"
|
||||
min="0.00000001" max="10000000000" valid-amount required
|
||||
autocomplete="off">
|
||||
<i class="fi-bitcoin"></i>
|
||||
<i class="icon-bitcoin"></i>
|
||||
</div>
|
||||
<a class="small input-note" title="{{'Send all funds'|translate}}"
|
||||
ng-show="topAmount && (!$root.merchant || +$root.merchant.total === 0)"
|
||||
|
|
@ -111,7 +111,7 @@
|
|||
<input type="number" id="alternative_amount"
|
||||
ng-disabled="loading || !isRateAvailable || ($root.merchant && +$root.merchant.total > 0)"
|
||||
name="alternative" placeholder="{{'Amount'|translate}}" ng-model="alternative"requiredautocomplete="off">
|
||||
<i class="fi-dollar"></i>
|
||||
<i class="icon-usd"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="small-3 columns">
|
||||
|
|
@ -165,7 +165,7 @@
|
|||
<div class="input">
|
||||
<textarea id="comment" ng-disabled="loading"
|
||||
name="comment" placeholder="{{(wallet.isShared() ? 'Leave a private message to your copayers' : 'Add a private comment to identify the transaction') |translate}}" ng-model="commentText" ng-maxlength="100"></textarea>
|
||||
<i class="fi-page-edit"></i>
|
||||
<i class="icon-compose"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -22,19 +22,29 @@
|
|||
</fieldset>
|
||||
<fieldset>
|
||||
<legend translate>Insight API server</legend>
|
||||
<label class="left" for="insightLivenet">Livenet</label>
|
||||
<div class="row collapse">
|
||||
<label class="left" for="insightLivenet">Livenet</label>
|
||||
<div translate class="has-error right size-12" ng-show="settingsForm.insightLivenet.$invalid">
|
||||
<span class="icon-input"><i class="fi-x"></i></span>
|
||||
Not valid
|
||||
</div>
|
||||
<input type="text" ng-model="insightLivenet" class="form-control" name="insightLivenet" valid-url required>
|
||||
|
||||
<label class="left" for="insightTestnet">Testnet</label>
|
||||
<div translate class="has-error right size-12" ng-show="settingsForm.insightTestnet.$invalid">
|
||||
<span class="icon-input"><i class="fi-x"></i></span>
|
||||
Not valid
|
||||
</div>
|
||||
<input type="text" ng-model="insightTestnet" class="form-control" name="insightTestnet" valid-url required>
|
||||
<div class="input">
|
||||
<input type="text" ng-model="insightLivenet" class="form-control" name="insightLivenet" valid-url required>
|
||||
<i class="fi-link"></i>
|
||||
</div>
|
||||
|
||||
<div class="row collapse">
|
||||
<label class="left" for="insightTestnet">Testnet</label>
|
||||
<div translate class="has-error right size-12" ng-show="settingsForm.insightTestnet.$invalid">
|
||||
<span class="icon-input"><i class="fi-x"></i></span>
|
||||
Not valid
|
||||
</div>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input type="text" ng-model="insightTestnet" class="form-control" name="insightTestnet" valid-url required>
|
||||
<i class="fi-link"></i>
|
||||
</div>
|
||||
|
||||
<div translate class="small text-gray">
|
||||
Insight API server is open-source software. You can run your own instances, check <a href="http://insight.is" target="_blank">Insight API Homepage</a>
|
||||
|
|
@ -63,7 +73,7 @@
|
|||
</form>
|
||||
<div class="box-setup-footer">
|
||||
<a class="text-gray" href="#!/">
|
||||
<i class="fi-arrow-left"></i>
|
||||
<i class="icon-arrow-left4"></i>
|
||||
<span translate>Back</span>
|
||||
</a>
|
||||
<div class="right m10r">
|
||||
|
|
|
|||
Loading…
Reference in New Issue