mirror of https://github.com/BTCPrivate/copay.git
Merge pull request #1723 from bechi/temp
first animation on wallet selection
This commit is contained in:
commit
fbfbeaa54c
|
@ -1086,12 +1086,28 @@ button.gray:focus,
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-nav.wallets {
|
.side-nav.wallets li {
|
||||||
background-color: #213140 ;
|
|
||||||
padding: 1.2rem 0.7rem;
|
padding: 1.2rem 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-nav.wallets {
|
||||||
|
z-index: 9999;
|
||||||
|
background-color: #213140 ;
|
||||||
border-bottom: 1px solid #3A4E61;
|
border-bottom: 1px solid #3A4E61;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: 160px;
|
position: absolute;
|
||||||
|
height: 0%;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
-webkit-transition: height 250ms ease-in;
|
||||||
|
-moz-transition: height 250ms ease-in;
|
||||||
|
-o-transition: height 250ms ease-in;
|
||||||
|
-ms-transition: height 250ms ease-in;
|
||||||
|
transition: height 250ms ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-nav.wallets.open {
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-nav.wallets.medium {
|
.side-nav.wallets.medium {
|
||||||
|
@ -1371,12 +1387,6 @@ a.text-warning:hover {color: #FD7262;}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-height: 590px) {
|
|
||||||
.side-nav.wallets {
|
|
||||||
height: 180px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-height: 380px) {
|
@media (max-height: 380px) {
|
||||||
.sidebar-footer {
|
.sidebar-footer {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
|
@ -44,15 +44,15 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div ng-if="walletSelection">
|
<div>
|
||||||
<ul class="side-nav wallets" ng-show="wallets.0"
|
<ul class="side-nav wallets" ng-class="{'open': walletSelection}" ng-show="wallets.0"
|
||||||
ng-class="{'large':wallets.length > 4, 'medium':wallets.length > 2 && wallets.length < 5}">
|
ng-class="{'large':wallets.length > 4, 'medium':wallets.length > 2 && wallets.length < 5}">
|
||||||
<li data-ng-repeat="item in wallets track by $index" class="nav-item" ng-if="item.id != $root.wallet.id">
|
<li data-ng-repeat="item in wallets track by $index" class="nav-item" ng-if="item.id != $root.wallet.id" ng-click="switchWallet(item.id)">
|
||||||
<div class="col1">
|
<div class="col1">
|
||||||
<div class="avatar-wallet">{{(item.name || item.id) | limitTo: 1}}</div>
|
<div class="avatar-wallet">{{(item.name || item.id) | limitTo: 1}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col2">
|
<div class="col2">
|
||||||
<a class="size-12 wallet-item" ng-click="switchWallet(item.id)">
|
<a class="size-12 wallet-item" >
|
||||||
<div class="oh">
|
<div class="oh">
|
||||||
<div class="right size-10 type-wallet">[ {{item.requiredCopayers}} of {{item.totalCopayers}} ]</div>
|
<div class="right size-10 type-wallet">[ {{item.requiredCopayers}} of {{item.totalCopayers}} ]</div>
|
||||||
<div class="ellipsis name-wallet">{{item.name || item.id}}</div>
|
<div class="ellipsis name-wallet">{{item.name || item.id}}</div>
|
||||||
|
|
Loading…
Reference in New Issue