anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

fix UI style & manage wallet

Browse source
This commit is contained in:
bechi 2014-10-30 12:08:42 -03:00
commit 4f1205a4f5
2 changed files with 25 additions and 20 deletions
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 { .head {
padding-left: 20px; padding: 0.9rem 0;
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10); -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); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10);
background-color: #FFF; background-color: #FFF;
@ -146,7 +146,7 @@ header .alt-currency {
.head .title h1 { .head .title h1 {
float: left; float: left;
padding: 12px 10px; padding-left: 2rem;
margin: 0; margin: 0;
} }
@ -157,29 +157,32 @@ header .alt-currency {
.head .menu a.dropdown { .head .menu a.dropdown {
display: block; display: block;
height: 62px; margin: 0 1rem 0 2rem;
width: 140px; height: 48px;
padding: 12px 5px; width: 100px;
text-align: center; text-align: center;
} }
.head .menu a.dropdown:hover, .head .menu a.dropdown:hover,
.head .menu a.dropdown.hover { .head .menu a.dropdown.hover {
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
top: 0;
} }
.head .menu ul { .head .menu ul {
border: none;
position: absolute; position: absolute;
right: 0; right: 14px;
width: 160px; width: 100px;
list-style-type: none; list-style-type: none;
top: 61px; top: 47px;
} }
.head .menu ul.hover { .head .menu ul.hover {
background: #FFFFFF; background: #FFFFFF;
-moz-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 0px 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 { .head .menu ul li a {
@ -499,6 +502,7 @@ a.button-setup {
.size-21 { font-size: 21px; } .size-21 { font-size: 21px; }
.size-24 { font-size: 24px; } .size-24 { font-size: 24px; }
.size-36 { font-size: 36px; } .size-36 { font-size: 36px; }
.size-42 { font-size: 42px; }
.size-48 { font-size: 48px; } .size-48 { font-size: 48px; }
.size-60 { font-size: 60px; } .size-60 { font-size: 60px; }
.size-72 { font-size: 72px; } .size-72 { font-size: 72px; }
@ -575,7 +579,7 @@ a.button-setup {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
.line-dashed { .p-dashed {
border-top: 1px dashed #3C5269; border-top: 1px dashed #3C5269;
margin: 1rem 0; margin: 1rem 0;
padding: 1rem 0; padding: 1rem 0;
@ -1099,8 +1103,7 @@ button.gray:focus,
} }
.photo-container { .photo-container {
margin-right: 10px; margin-right: 3px;
padding-top: 0.4rem;
display: inline-block; display: inline-block;
width: 35px; width: 35px;
height: 35px; height: 35px;

16
views/includes/head.html
View file

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