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