UI tweaks for mobile

This commit is contained in:
Colin McLeod
2015-06-30 21:46:05 -07:00
parent 7325081ec9
commit 89d3fd69e1
2 changed files with 28 additions and 29 deletions

View File

@@ -247,9 +247,6 @@ table.total {
&:nth-child(3) { &:nth-child(3) {
display: none; display: none;
} }
&:nth-child(2) {
font-size: 0.7em;
}
} }
}); });

View File

@@ -283,32 +283,34 @@
</div> </div>
<div ng-if="costTab == 'retrofit'"> <div ng-if="costTab == 'retrofit'">
<table style="width:100%"> <div style="overflow-x: auto;-webkit-overflow-scrolling: touch;">
<thead> <table style="width:100%">
<tr class="main"> <thead>
<th colspan="2" class="sortable le" ng-click="sortRetrofit('sellName')">Sell</th> <tr class="main">
<th colspan="2" class="sortable le" ng-click="sortRetrofit('buyName')">Buy</th> <th colspan="2" class="sortable le" ng-click="sortRetrofit('sellName')">Sell</th>
<th class="sortable le" ng-click="sortRetrofit('netCost')"> <th colspan="2" class="sortable le" ng-click="sortRetrofit('buyName')">Buy</th>
Net Cost <th class="sortable le" ng-click="sortRetrofit('netCost')">
<div class="r"> Net Cost
<u ng-if="discounts.components < 1">[{{fRPct(1 - discounts.components)}} off]</u> <div class="r">
</div> <u ng-if="discounts.components < 1">[{{fRPct(1 - discounts.components)}} off]</u>
</th> </div>
</tr> </th>
</thead> </tr>
<tbody> </thead>
<tr class="disabled" ng-if="!retrofitList || retrofitList.length == 0"> <tbody>
<td colspan="5">No Retrofitting changes</td> <tr class="disabled" ng-if="!retrofitList || retrofitList.length == 0">
</tr> <td colspan="5">No Retrofitting changes</td>
<tr class="highlight" ng-repeat="item in retrofitList | orderBy:retroPredicate:retroDesc"> </tr>
<td style="width:1em;">{{item.sellClassRating}}</td> <tr class="highlight" ng-repeat="item in retrofitList | orderBy:retroPredicate:retroDesc">
<td class="le shorten">{{item.sellName}}</td> <td style="width:1em;">{{item.sellClassRating}}</td>
<td style="width:1em;">{{item.buyClassRating}}</td> <td class="le shorten">{{item.sellName}}</td>
<td class="le shorten">{{item.buyName}}</td> <td style="width:1em;">{{item.buyClassRating}}</td>
<td class="ri" ng-class="item.netCost > 0 ? 'warning' : 'secondary-disabled'">{{ fCrd(item.netCost)}} <u>CR</u></td> <td class="le shorten">{{item.buyName}}</td>
</tr> <td class="ri" ng-class="item.netCost > 0 ? 'warning' : 'secondary-disabled'">{{ fCrd(item.netCost)}} <u>CR</u></td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<table class="total"> <table class="total">
<tr class="ri"> <tr class="ri">
<td class="lbl">Cost</td> <td class="lbl">Cost</td>