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

updated currency toggle css

Browse source
This commit is contained in:
Kadir Sekha 2017-12-28 13:55:35 +00:00
commit 12cde9e670
2 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/sass/views/amount.scss
View file

@ -189,6 +189,18 @@
height: 30px; height: 30px;
} }
} }
&__currency-toggle-mobile {
border: 1px solid $v-subtle-gray;
color: $v-dark-gray;
border-radius: 3px;
cursor: pointer;
position: relative;
line-height: 1;
@media(max-width: 320px) {
line-height: 30px;
height: 30px;
}
}
&__results { &__results {
&--minimize { &--minimize {
font-size: 12px; font-size: 12px;

4
www/views/amount.html
View file

@ -65,8 +65,8 @@
</div> </div>
<div class="amount"> <div class="amount">
<span> <span>
<input type="number" ng-model="amountModel.amount" ng-change="processAmount()" placeholder="Enter amount"> <input type="number" ng-model="amountModel.amount" ng-change="processAmount()" placeholder="Enter amount" focus-me>
<a class="amount__currency-toggle" ng-click="changeUnit()">{{unit}}</a> <a class="amount__currency-toggle-mobile" ng-click="changeUnit()">{{unit}}</a>
</span> </span>
<span ng-show="globalResult">{{globalResult}} {{unit}}</span> <span ng-show="globalResult">{{globalResult}} {{unit}}</span>
<span>&asymp; {{alternativeAmount || '0.00'}} {{alternativeUnit}}</span> <span>&asymp; {{alternativeAmount || '0.00'}} {{alternativeUnit}}</span>