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

Merge pull request #2755 from cmgustavo/feat/create-tab

Browse source 
Feat/create tab
This commit is contained in:
Matias Alejo Garcia 2015-05-20 11:16:52 -03:00
commit 5c7bc25251
2 changed files with 41 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

16
public/views/create.html
View file

@ -21,15 +21,17 @@
</div> </div>
</div> </div>
<div class="row m20b"> <div class="create-tab">
<div class="tab-container">
<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> </div>
<div class="tab-container">
<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> </div>
<form name="setupForm" ng-submit="create.create(setupForm)" novalidate> <form name="setupForm" ng-submit="create.create(setupForm)" novalidate>

32
src/css/mobile.css
View file

@ -726,6 +726,38 @@ 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 .5rem 1rem;
overflow: hidden;
}
.create-tab .tab-container {
float: left;
width: 50%;
}
.create-tab a {
font-size: .7rem;
padding: 0 0 .6rem;
color: #929396;
text-transform: uppercase;
}
.create-tab a:hover,
.create-tab a:focus {
color: #2C3E50;
}
.create-tab a.selected,
.create-tab a:active {
font-weight: 600;
color: #2C3E50;
border-bottom: 3px solid #2C3E50;
}
/* 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+ */