add style on flag

This commit is contained in:
bechi 2014-11-21 12:00:24 -03:00 committed by Matias Pando
commit ee89917bcb
3 changed files with 21 additions and 5 deletions

View file

@ -1244,6 +1244,21 @@ label.postfix, span.postfix {
height: 80px;
}
.need-backup {
background: #C0392A;
-moz-box-shadow: 1px 1px 0px 0px #A02F23;
box-shadow: 1px 1px 0px 0px #A02F23;
position: absolute;
top: 22px;
left: 0px;
width: 14px;
height: 14px;
border-radius: 100%;
font-size: 9px;
padding-top: 2px;
color: #fff;
}
a:hover .photo-container {
background: #34495E;
color: #fff;

View file

@ -5,9 +5,6 @@
<a class="text-gray" ng-click="refresh()" ng-if="!$root.updatingBalance">
<i class="fi-refresh"></i>
</a>
<span ng-if="$root.iden.backupNeeded">
BACKUP!
</span>
<span ng-if="$root.updatingBalance">
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
</span>
@ -19,10 +16,13 @@
<div class="menu" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()"
ng-click="hoverMenu = !hoverMenu">
<a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">
<a class="dropdown ellipsis text-gray pr" ng-class="{'hover': hoverMenu}">
<div class="photo-container">
<img gravatar-src="'{{username}}'" gravatar-size="35">
</div>
<span class="need-backup" ng-if="$root.iden.backupNeeded">
<i class="fi-alert vm"></i>
</span>
<span class="m15t">{{username}} </span>
<i class="icon-arrow-down2 size-16 vm"></i>
</a>
@ -37,6 +37,7 @@
<li class="divider"></li>
<li><a href="#!/profile" title="Profile">
<i class="icon-person size-18 m10r"></i> {{'Profile'|translate}}</a></li>
<span class="size-10 text-warning" ng-if="$root.iden.backupNeeded"> [ Needs Backup ]</span>
<li><a href="#!/" title="Close" ng-click="signout()">
<i class="icon-power size-18 m10r"></i> {{'Close'|translate}}</a></li>
</ul>

View file

@ -15,7 +15,7 @@
</a>
</div>
<div class="large-7 medium-7 columns">
<h2>Backup Profile</h2>
<h2>Profile <span class="size-12 text-warning" ng-if="$root.iden.backupNeeded"> [ Needs Backup ]</span></h2>
<p translate class="text-gray">It's important to backup your profile so that you can recover it in case of disaster. The backup will include all your profile's wallets</p>
</div>
<div class="large-3 medium-3 columns">