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

fix UI style & manage wallet

This commit is contained in:
bechi 2014-10-30 12:08:42 -03:00
parent 9066e77511
commit 4f1205a4f5
2 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
css/src/main.css
View File

@ -133,7 +133,7 @@ header .alt-currency {
}
.head {
padding-left: 20px;
padding: 0.9rem 0;
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10);
background-color: #FFF;
@ -146,7 +146,7 @@ header .alt-currency {
.head .title h1 {
float: left;
padding: 12px 10px;
padding-left: 2rem;
margin: 0;
}
@ -157,29 +157,32 @@ header .alt-currency {
.head .menu a.dropdown {
display: block;
height: 62px;
width: 140px;
padding: 12px 5px;
margin: 0 1rem 0 2rem;
height: 48px;
width: 100px;
text-align: center;
}
.head .menu a.dropdown:hover,
.head .menu a.dropdown.hover {
border-bottom: 1px solid #fff;
top: 0;
}
.head .menu ul {
border: none;
position: absolute;
right: 0;
width: 160px;
right: 14px;
width: 100px;
list-style-type: none;
top: 61px;
top: 47px;
}
.head .menu ul.hover {
background: #FFFFFF;
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
border: none;
}
.head .menu ul li a {
@ -499,6 +502,7 @@ a.button-setup {
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-42 { font-size: 42px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }
@ -575,7 +579,7 @@ a.button-setup {
padding-bottom: 0.5rem;
}
.line-dashed {
.p-dashed {
border-top: 1px dashed #3C5269;
margin: 1rem 0;
padding: 1rem 0;
@ -1099,8 +1103,7 @@ button.gray:focus,
}
.photo-container {
margin-right: 10px;
padding-top: 0.4rem;
margin-right: 3px;
display: inline-block;
width: 35px;
height: 35px;

16
views/includes/head.html
View File

@ -2,19 +2,21 @@
<h1>{{$root.title}}</h1>
</div>
<div class="menu" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()"
ng-click="hoverMenu = !hoverMenu">
<a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">
<span class="photo-container"><i class="fi-torso size-18"></i></span>
<span class="photo-container"><i class="fi-torso size-42"></i></span>
<span class="m15t">{{username}} </span>
<i class="icon-arrow-down2 size-16 vm"></i>
<i class="icon-arrow-down size-16 vm"></i>
</a>
<ul ng-show="hoverMenu" ng-class="{'hover': hoverMenu}">
<li>
<a href="#!/manage" title="Manage wallets">
<i class="fi-plus"></i> {{'Manage wallets' | translate }}</a></li>
<li><a href="#!/" title="Close" ng-click="signout()">
<i class="fi-power"></i> {{'Close'|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>
</ul>
</div>
<div class="right">
<a class="button tiny pri radius oh" href="#!/manage" title="Manage wallets"><i class="fi-plus"></i> {{'Manage wallets' | translate }}</a>
</div>