Other responsive changes. Outfitting screen now works pretty well on phone-sized displays. Summary is currently just a horizontal-scrolling thing (because it's a table atm) but everything else scales down and collapses pretty nicely.

This commit is contained in:
Maverick
2015-06-04 20:40:43 +10:00
parent 6e9990831d
commit cc1018c62c
2 changed files with 30 additions and 10 deletions

View File

@@ -227,16 +227,6 @@
</table>
</div>
<div class="list l" style="width: 50%;padding: 0 0.5em;">
<div class="header">Jump Range</div>
<div class="cen">
<div class="chart" area-chart config="jrChart" series="jrSeries"></div>
<div slider max="ship.fuelCapacity" unit="'T'" on-change="::fuelChange(val)" style="position:relative; margin: 0 auto;">
<svg class="icon xl primary-disabled" style="position:absolute;height: 100%;"><use xlink:href="#fuel"></use></svg>
</div>
</div>
</div>
<div class="list r">
<div class="header">Costs</div>
<div class="items">
@@ -267,4 +257,14 @@
</table>
</div>
<div class="list l" id="jumpRange">
<div class="header">Jump Range</div>
<div class="cen">
<div class="chart" area-chart config="jrChart" series="jrSeries"></div>
<div slider max="ship.fuelCapacity" unit="'T'" on-change="::fuelChange(val)" style="position:relative; margin: 0 auto;">
<svg class="icon xl primary-disabled" style="position:absolute;height: 100%;"><use xlink:href="#fuel"></use></svg>
</div>
</div>
</div>
</div>