Refactoring application list view for improper text placement issues

merge-requests/1/head
dilanua 8 years ago
parent a92070f16e
commit 8bd20911fe

@ -1,29 +1,31 @@
<div class="wr-app-listing">
<div class="wr-applist">
{{#each applications}}
<a style="text-align: center; width: 110px; height: 140px;">
{{#equal platform "android"}}<i class="icon fw fw-android"></i>{{/equal}}
{{#equal platform "ios"}}<i class="icon fw fw-apple"></i>{{/equal}}
{{#equal platform "windows"}}<i class="icon fw fw-windows"></i>{{/equal}}
<a style="width: 130px; height: 180px;" class="text-center">
{{#equal isActive true}}
<span style="word-wrap: break-word;">
<i class="fw fw-ok icon-success" style="font-size: 14px;"></i>
&nbsp;Active
</span>
{{#equal platform "android"}}<i class="icon fw fw-android"></i>{{/equal}}
{{#equal platform "ios"}}<i class="icon fw fw-apple"></i>{{/equal}}
{{#equal platform "windows"}}<i class="icon fw fw-windows"></i>{{/equal}}
<span style="word-wrap: break-word;"><b>{{name}}</b></span>
<span style="word-wrap: break-word;"><b>V:{{version}}</b></span>
<span style="word-wrap: break-word;" class="text-center">
<i class="fw fw-ok icon-success" style="font-size: 14px;"></i>Active
</span>
{{#if memoryUsage}}
<span style="word-wrap: break-word;">
Memory Usage
</span>
Memory Usage
</span>
<span style="word-wrap: break-word;">
( {{memoryUsage}} Bytes )
</span>
( {{memoryUsage}} Bytes )
</span>
{{/if}}
{{/equal}}
{{#equal isActive false}}
<span style="word-wrap: break-word;">{{name}}</span>
<span style="word-wrap: break-word;"><b>V:{{version}}</b></span>
{{#equal platform "android"}}<i class="icon fw fw-android text-muted"></i>{{/equal}}
{{#equal platform "ios"}}<i class="icon fw fw-apple text-muted"></i>{{/equal}}
{{#equal platform "windows"}}<i class="icon fw fw-windows text-muted"></i>{{/equal}}
<span style="word-wrap: break-word;" class="text-muted">{{name}}</span>
<span style="word-wrap: break-word;" class="text-muted"><b>V:{{version}}</b></span>
{{/equal}}
</a>
{{/each}}

@ -328,19 +328,20 @@
</div>
<div class="panel-heading display-none-xs">
Installed Applications
<span>
<a href="javascript:void(0);" id="refresh-apps">
<i class="fw fw-refresh"></i>
</a>
</span>
&nbsp;&nbsp;
<span>
<a href="javascript:void(0);" id="refresh-apps">
<i class="fw fw-refresh"></i>
</a>
</span>
</div>
<div id="collapseFour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="installed_applications">
<div class="panel-body ">
<span class="visible-xs add-padding-2x text-right">
<a href="javascript:void(0);" id="refresh-apps">
<i class="fw fw-refresh"></i>
</a>
</span>
<span class="visible-xs add-padding-2x text-right">
<a href="javascript:void(0);" id="refresh-apps">
<i class="fw fw-refresh"></i>
</a>
</span>
<div id="apps-spinner" class="wr-advance-operations-init hidden">
<i class="fw fw-settings fw-spin fw-2x"></i> Loading Applications List...
</div>

Loading…
Cancel
Save