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

Styling for tabs on create new wallet

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2015-05-20 10:36:01 -03:00
commit d0604331bd
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
2 changed files with 33 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
public/views/create.html
View file

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

28
src/css/mobile.css
View file

@ -726,6 +726,34 @@ textarea:focus
transform: translate3d(-100%, 0, 0) !important; 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 */ /* removes 300ms in IE */
-ms-touch-action: manipulation; /* IE10 / -ms-touch-action: manipulation; /* IE10 /
touch-action: manipulation; /* IE11+ */ touch-action: manipulation; /* IE11+ */