Improve font size responsiveness, add ship size

This commit is contained in:
Colin McLeod
2015-05-27 01:47:21 -07:00
parent 9c9737f978
commit 013f5e037a
4 changed files with 20 additions and 19 deletions

View File

@@ -160,7 +160,6 @@ angular.module('app').service('Persist', ['$window','lodash', function ($window,
localStorage.removeItem(LS_KEY_BUILDS);
localStorage.removeItem(LS_KEY_COMPARISONS);
}
};
this.getInsurance = function () {

View File

@@ -35,20 +35,6 @@ div, a, li {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
// iPads Landscape
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
body {
font-size: 0.9em;
}
}
// iPads Portrait
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
body {
font-size: 0.9em;
}
}
#main {
margin: 0;
padding: 0.5em 0.25em;

View File

@@ -1,5 +1,14 @@
#outfit {
font-size: 1.1em;
// iPads Landscape
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
& {
font-size: 0.95em;
}
}
width: 64em;
margin: 0 auto;
.user-select-none();

View File

@@ -22,8 +22,15 @@
<table id="summary">
<thead>
<tr class="main">
<th colspan="3">Maneouverability</th><th colspan="2">Mass</th><th rowspan="2">Cargo</th><th rowspan="2">Fuel</th>
<th rowspan="2">Armour</th><th rowspan="2">Shields</th><th colspan="2">Power</th><th colspan="2">Jump Range</th><th rowspan="2">Cost</th>
<th rowspan="2">Size</th>
<th colspan="3">Maneouverability</th>
<th colspan="2">Mass</th>
<th rowspan="2">Cargo</th>
<th rowspan="2">Fuel</th>
<th rowspan="2">Armour</th>
<th rowspan="2">Shields</th>
<th colspan="2">Power</th>
<th colspan="2">Jump Range</th>
</tr>
<tr>
<th>Agility</th><th>Speed</th><th>Boost</th>
@@ -34,6 +41,7 @@
</thead>
<tbody>
<tr>
<td ng-bind="SZ[ship.class]"></td>
<td>{{ship.agility}}/10</td>
<td>{{fRound(ship.speed)}} <u>m/s</u></td>
<td>{{fRound(ship.boost)}} <u>m/s</u></td>
@@ -47,7 +55,6 @@
<td>{{fPwr(ship.powerDeployed)}} <u>MW ({{fPct(ship.powerDeployed/ship.powerAvailable)}})</u></td>
<td>{{fRound(ship.unladenJumpRange)}} <u>LY</u></td>
<td>{{fRound(ship.ladenJumpRange)}} <u>LY</u></td>
<td>{{fCrd(ship.totalCost)}} <u>CR</u></td>
</tr>
</tbody>
</table>