Styling for tabs on create new wallet

This commit is contained in:
Gustavo Maximiliano Cortez 2015-05-20 10:36:01 -03:00
parent 31b8cfb253
commit d0604331bd
No known key found for this signature in database
GPG Key ID: 15EDAD8D9F2EB1AF
2 changed files with 33 additions and 7 deletions

View File

@ -21,15 +21,13 @@
</div>
</div>
<div class="row m20b">
<div class="create-tab">
<a href
class="small-6 medium-6 large-6 columns text-center"
ng-class="{'text-gray': totalCopayers == 1}"
ng-click="create.setTotalCopayers(1)">Personal</a>
ng-class="{'selected': totalCopayers == 1}"
ng-click="create.setTotalCopayers(1)" translate>Personal Wallet</a>
<a href
class="small-6 medium-6 large-6 columns text-center"
ng-class="{'text-gray': totalCopayers != 1}"
ng-click="create.setTotalCopayers(3)">Multisignature</a>
ng-class="{'selected': totalCopayers != 1}"
ng-click="create.setTotalCopayers(3)" translate>Shared Wallet</a>
</div>
<form name="setupForm" ng-submit="create.create(setupForm)" novalidate>

View File

@ -726,6 +726,34 @@ textarea:focus
transform: translate3d(-100%, 0, 0) !important;
}
.create-tab {
width: 100%;
border-bottom: 1px solid #DEDFE1;
margin-bottom: 25px;
padding: 0 0 .58rem;
}
.create-tab a {
margin-left: 1.075rem;
margin-right: 1.575rem;
font-size: .7rem;
padding: 0 0 .6rem;
color: #929396;
text-transform: uppercase;
}
.create-tab a:hover,
.create-tab a:focus {
color: #206ae3;
}
.create-tab a.selected,
.create-tab a:active {
font-weight: 600;
color: #4683E8;
border-bottom: 3px solid #4683E8;
}
/* removes 300ms in IE */
-ms-touch-action: manipulation; /* IE10 /
touch-action: manipulation; /* IE11+ */