Refactoring application list view for improper text placement issues

revert-dabc3590
dilanua 8 years ago
parent a92070f16e
commit 8bd20911fe

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

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

Loading…
Cancel
Save