Fix styles of table views

We should fix following styles in table views for Mitaka Horizon.
This patch fixes these styles according to following html file in
patch.

/openstack_dashboard/static/app/core/images/table/images-table.html
https://review.openstack.org/#/c/246625/

Change-Id: I5061384da3ef94c31f4a3fd4cfab847d2a6852fe
This commit is contained in:
shu-mutou 2016-03-10 11:34:37 +09:00
parent 79eb829d73
commit 29aed748ba

View File

@ -6,7 +6,7 @@
st-safe-src="table.queuesSrc"
default-sort="name"
default-sort-reverse="false"
class="table-striped table-rsp table-detail modern">
class="table table-striped table-rsp table-detail">
<thead>
@ -16,7 +16,7 @@
This is where batch actions like searching, creating, and deleting.
-->
<th colspan="100" class="search-header">
<hz-search-bar group-classes="input-group-sm" icon-classes="fa-search">
<hz-search-bar group-classes="input-group" icon-classes="fa-search">
<actions allowed="table.resourceType.batchActions" type="batch">
</actions>
</hz-search-bar>
@ -28,7 +28,7 @@
The headers for the table columns
-->
<tr>
<th class=select-col>
<th class="multi_select_column">
<input type="checkbox" hz-select-all="table.queues">
</th>
<th class="expander"></th>
@ -36,7 +36,7 @@
<th class="rsp-p1" st-sort="metadata" translate>Claimed Messages</th>
<th class="rsp-p2" st-sort="metadata" translate>Free Messages</th>
<th class="rsp-p1" st-sort="metadata" translate>Total Messages</th>
<th class="action-col" translate>Actions</th>
<th class="actions_column" translate>Actions</th>
</tr>
</thead>
<tbody>
@ -51,7 +51,7 @@
-->
<tr ng-repeat-start="q in table.queuesSrc track by q.id">
<td class="select-col">
<td class="multi_select_column">
<input type="checkbox"
ng-model="tCtrl.selections[q.id].checked"
hz-select="q">
@ -66,7 +66,7 @@
<td class="rsp-p1">{$ q.claimed $}</td>
<td class="rsp-p2">{$ q.free $}</td>
<td class="rsp-p1">{$ q.total $}</td>
<td class="action-col">
<td class="actions_column">
<!--
Table-row-action-column:
Actions taken here applies to a single item/row.
@ -95,18 +95,20 @@
it will appear in the drawer when user resizes the window.
-->
<span class="rsp-alt-p2">
<dl class="col-sm-2">
<dl class="col-sm-12">
<dt translate>Free Messages</dt>
<dd>{$ q.free $}</dd>
</dl>
</span>
</div>
<div class="row">
<!-- additional unimportant metadata can be place here -->
<dl class="col-sm-2">
<dl class="col-sm-12">
<dt translate>Metadata</dt>
<dd>{$ q.metadata $}</dd>
</dl>
</div>
</td>
</tr>