shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-10-27 09:25:10 +03:00
Code Releases Activity

AC-452 fixed buttons to not wrap on desktop. At width of 768px or less buttons will wrap. Added CSS to make wrapped buttons on small screens all have same width and some space between them- wrapping now appears much more intentional or planned.

Browse Source
This commit is contained in:
chouseknecht 2013-09-11 17:31:30 -04:00
parent 55292c9d08
commit 5f3eb290ef
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
awx/ui/static/less/ansible-ui.less
View File

@ -86,6 +86,11 @@ hr {
white-space: nowrap;
}
th.actions-column,
td.actions {
white-space: nowrap;
}
.tab-content {
padding-top: 20px;
}
@ -944,4 +949,13 @@ tr td button i {
table-layout: fixed;
}
th.actions-column,
td.actions {
white-space: normal;
}
td.actions button {
width: 75px;
margin-bottom: 5px;
}
}

4
awx/ui/static/lib/ansible/list-generator.js
View File

@ -202,7 +202,7 @@ angular.module('ListGenerator', ['GeneratorHelpers'])
html += "</div><!-- row -->\n";
// table header row
html += "<table class=\"table table-condensed"
html += "<table class=\"table"
html += (list['class']) ? " " + list['class'] : "";
html += (options.mode == 'lookup' || options.id) ? ' table-hover-inverse' : '';
html += (list.hover) ? ' table-hover' : '';
@ -247,7 +247,7 @@ angular.module('ListGenerator', ['GeneratorHelpers'])
html += "<th>Select</th>";
}
else if (options.mode == 'edit') {
html += "<th></th>\n";
html += "<th class=\"actions-column\"></th>\n";
}
html += "</tr>\n";
html += "</thead>\n";