External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-24 14:36:00 -03:30
Code Issues Packages Projects Releases Wiki Activity

give description column top/bottom padding, and center action cell for tall rows

Browse Source
This commit is contained in:
John Mitchell
2016-07-08 16:27:43 -04:00
parent fbde6355bf
commit f106b596ea
4 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
awx/ui/client/legacy-styles/lists.less
View File

@@ -80,6 +80,11 @@ table, tbody {
border-top:0px!important; border-top:0px!important;
} }
.List-tableCell.description-column {
padding-top: 15px;
padding-bottom: 15px;
}
.List-actionButtonCell { .List-actionButtonCell {
padding-top:5px; padding-top:5px;
padding-right: 15px; padding-right: 15px;

16
awx/ui/client/src/dashboard/lists/job-templates/job-templates-list.partial.html
View File

@@ -32,13 +32,15 @@
<td class="DashboardList-activityCell"> <td class="DashboardList-activityCell">
<aw-smart-status jobs="job_template.recent_jobs"></aw-smart-status> <aw-smart-status jobs="job_template.recent_jobs"></aw-smart-status>
</td> </td>
<td class="List-actionButtonCell"> <td class="List-actionsContainer">
<button class="List-actionButton" ng-click="launchJobTemplate(job_template.id)"> <div class="List-actionButtonCell">
<i class="icon-launch"></i> <button class="List-actionButton" ng-click="launchJobTemplate(job_template.id)">
</button> <i class="icon-launch"></i>
<button class="List-actionButton" ng-click="editJobTemplate(job_template.id)"> </button>
<i class="fa fa-pencil"></i> <button class="List-actionButton" ng-click="editJobTemplate(job_template.id)">
</button> <i class="fa fa-pencil"></i>
</button>
</div>
</td> </td>
</tr> </tr>
</table> </table>

4
awx/ui/client/src/shared/form-generator.js
View File

@@ -1960,7 +1960,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
// Row level actions // Row level actions
if (collection.fieldActions) { if (collection.fieldActions) {
html += "<td class=\"List-tableCell List-actionButtonCell actions\">"; html += "<td class=\"List-actionsContainer\"><div class=\"List-tableCell List-actionButtonCell actions\">";
for (act in collection.fieldActions) { for (act in collection.fieldActions) {
fAction = collection.fieldActions[act]; fAction = collection.fieldActions[act];
html += "<button id=\"" + ((fAction.id) ? fAction.id : act + "-action") + "\" "; html += "<button id=\"" + ((fAction.id) ? fAction.id : act + "-action") + "\" ";
@@ -1986,7 +1986,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
//html += (fAction.label) ? "<span class=\"list-action-label\"> " + fAction.label + "</span>": ""; //html += (fAction.label) ? "<span class=\"list-action-label\"> " + fAction.label + "</span>": "";
html += "</button>"; html += "</button>";
} }
html += "</td>"; html += "</div></td>";
html += "</tr>\n"; html += "</tr>\n";
} }

4
awx/ui/client/src/shared/list-generator/list-generator.factory.js
View File

@@ -524,7 +524,7 @@ export default ['$location', '$compile', '$rootScope', 'SearchWidget', 'Paginate
// Row level actions // Row level actions
innerTable += "<td class=\"List-actionButtonCell List-tableCell\">"; innerTable += "<td class=\"List-actionsContainer\"><div class=\"List-actionButtonCell List-tableCell\">";
for (field_action in list.fieldActions) { for (field_action in list.fieldActions) {
if (field_action !== 'columnClass') { if (field_action !== 'columnClass') {
@@ -573,7 +573,7 @@ export default ['$location', '$compile', '$rootScope', 'SearchWidget', 'Paginate
} }
} }
} }
innerTable += "</td>\n"; innerTable += "</div></td>\n";
} }
innerTable += "</tr>\n"; innerTable += "</tr>\n";