fix addres section

This commit is contained in:
bechi 2014-09-04 17:40:16 -03:00
commit 8fd6aa1eb0
3 changed files with 31 additions and 23 deletions

View file

@ -924,8 +924,8 @@ button, .button, p {
.addresses .list-addr i { .addresses .list-addr i {
position: absolute; position: absolute;
top: -25px; top: -15px;
left: 6px; left: 0;
cursor: pointer; cursor: pointer;
} }
@ -1195,5 +1195,10 @@ a.text-warning:hover {color: #FD7262;}
padding: 50px; padding: 50px;
} }
.collapse {
margin: auto;
max-width: 100%;
}
/*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/

View file

@ -131,6 +131,10 @@
height: 200px; height: 200px;
} }
.addresses .panel {
padding: 1rem 0.8rem;
}
.btn-copy { .btn-copy {
display: none; display: none;
} }

View file

@ -7,30 +7,29 @@
<div class="large-12 medium-12" ng-if="!!(addresses|removeEmpty).length"> <div class="large-12 medium-12" ng-if="!!(addresses|removeEmpty).length">
<div class="large-12 medium-12" ng-init="showAll=0"> <div class="large-12 medium-12" ng-init="showAll=0">
<ul> <div class="panel radius oh" ng-repeat="addr in addresses|removeEmpty|limitAddress:showAll" ng-click="openAddressModal(addr)">
<li class="panel radius oh" ng-repeat="addr in addresses|removeEmpty|limitAddress:showAll" ng-click="openAddressModal(addr)"> <div class="row collapse">
<div class="large-10 medium-9 small-8 column" >
<div class="large-10 medium-9 small-8 column" > <div class="ellipsis list-addr">
<div class="ellipsis list-addr"> <i class="fi-thumbnails size-48 show-for-large-up">&nbsp;</i>
<i class="fi-thumbnails size-48 show-for-large-up">&nbsp;</i> <span>
<span> <contact address="{{addr.address}}" tooltip-popup-delay="500" tooltip tooltip-placement="right"/>
<contact address="{{addr.address}}" tooltip-popup-delay="500" tooltip tooltip-placement="right"/> </span>
<span class="btn-copy" clip-copy="addr.address"> </span>
<small class="label" ng-if="addr.isChange">change</small>
</div>
</div>
<div class="large-2 medium-3 small-4 column text-right">
<span ng-if="$root.updatingBalance">
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
</span>
<span class="size-12" ng-if="!$root.updatingBalance">
{{addr.balance || 0|noFractionNumber}} {{$root.unitName}}
</span> </span>
<span class="btn-copy" clip-copy="addr.address"> </span>
<small class="label" ng-if="addr.isChange">change</small>
</div> </div>
</div> </div>
</div>
<div class="large-2 medium-3 small-4 column text-right">
<span ng-if="$root.updatingBalance">
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
</span>
<span class="size-12" ng-if="!$root.updatingBalance">
{{addr.balance || 0|noFractionNumber}} {{$root.unitName}}
</span>
</div>
</li>
</ul>
<a class="secondary radius" ng-click="showAll=!showAll" ng-show="(addresses|removeEmpty).length != (addresses|removeEmpty|limitAddress).length"> <a class="secondary radius" ng-click="showAll=!showAll" ng-show="(addresses|removeEmpty).length != (addresses|removeEmpty|limitAddress).length">
<span ng-if="!showAll">Show all</span> <span ng-if="!showAll">Show all</span>