External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-09 02:17:37 -02:30
Code Issues Packages Projects Releases Wiki Activity

Dashboard job widget styles

Browse Source 
Fixed search widget responsiveness. Applied same ellipsis styling used on Jobs page.
This commit is contained in:
Chris Houseknecht
2014-07-03 09:49:58 -04:00
parent d44ab97232
commit 7db48fbe27
4 changed files with 25 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
awx/ui/static/js/helpers/Schedules.js
View File

@@ -578,7 +578,7 @@ angular.module('SchedulesHelper', [ 'Utilities', 'RestServices', 'SchedulesHelpe
id: id, id: id,
breadCrumbs: false, breadCrumbs: false,
scope: scope, scope: scope,
searchSize: 'col-lg-4 col-md-6 col-sm-12 col-xs-12', searchSize: 'col-lg-6 col-md-6 col-sm-6 col-xs-12',
showSearch: true showSearch: true
}); });
} }

2
awx/ui/static/js/widgets/DashboardJobs.js
View File

@@ -33,7 +33,7 @@ angular.module('DashboardJobsWidget', ['RestServices', 'Utilities'])
html += "<div class=\"tab-content\">\n"; html += "<div class=\"tab-content\">\n";
html += "<div class=\"tab-pane active\" id=\"active-jobs-tab\">\n"; html += "<div class=\"tab-pane active\" id=\"active-jobs-tab\">\n";
html += "<div class=\"row search-row\">\n"; html += "<div class=\"row search-row\">\n";
html += "<div class=\"col-md-4\" id=\"active-jobs-search-container\"></div>\n"; html += "<div class=\"col-lg-6 col-md-6 col-sm-6\" id=\"active-jobs-search-container\"></div>\n";
html += "</div>\n"; //row html += "</div>\n"; //row
html += "<div class=\"job-list\" id=\"active-jobs-container\">\n"; html += "<div class=\"job-list\" id=\"active-jobs-container\">\n";
html += "<div id=\"active-jobs\" class=\"job-list-target\"></div>\n"; html += "<div id=\"active-jobs\" class=\"job-list-target\"></div>\n";

2
awx/ui/static/less/jobs.less
View File

@@ -51,7 +51,7 @@
#schedules_table .name-column, #schedules_table .name-column,
#running_jobs_table .name-column, #running_jobs_table .name-column,
#queued_jobs_table .name-column, #queued_jobs_table .name-column,
{ {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

13
awx/ui/static/less/new-dashboard.less
View File

@@ -51,6 +51,19 @@
background-image: none background-image: none
} }
.dashboard-jobs-list-container {
#jobs_table,
#schedules_table {
table-layout:fixed;
}
#jobs_table .name-column,
#schedules_table .name-column {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (min-width: 1024px) { @media (min-width: 1024px) {
.left-side { .left-side {
padding-right: 7px; padding-right: 7px;