External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-11 22:49:32 -02:30
Code Issues Packages Projects Releases Wiki Activity

style fixes for dashboard

Browse Source
This commit is contained in:
John Mitchell
2015-06-05 15:20:39 -04:00
parent 577a13d5bd
commit 950ebc3a21
3 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.block.less
View File

@@ -30,7 +30,7 @@
padding-bottom: 7px; padding-bottom: 7px;
padding-top: 5px; padding-top: 5px;
border-bottom: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9;
align-items: center; align-items: stretch;
} }
.DashboardJobTemplates-item--snapRows { .DashboardJobTemplates-item--snapRows {
@@ -65,19 +65,23 @@
flex: initial; flex: initial;
width: 88px; width: 88px;
margin-left: 10px; margin-left: 10px;
align-self: center;
} }
.DashboardJobTemplates-name { .DashboardJobTemplates-name {
max-width: 100%;
word-break: break-all;
}
.DashboardJobTemplates-nameContainer {
flex: 1; flex: 1;
} }
.DashboardJobTemplates-name:hover { .DashboardJobTemplates-name:hover {
font-weight: 700;
color: #2a6496; color: #2a6496;
cursor: pointer; cursor: pointer;
} }
.DashboardJobTemplates-launch { .DashboardJobTemplates-launch {
font-size: 25px; font-size: 25px;
height: 28px; height: 28px;
@@ -86,6 +90,7 @@
color: #1778c3; color: #1778c3;
margin-right: 13px; margin-right: 13px;
flex: initial; flex: initial;
align-self: center;
} }
.DashboardJobTemplates-launch:hover { .DashboardJobTemplates-launch:hover {
@@ -102,7 +107,7 @@
padding-top: 7px; padding-top: 7px;
} }
.DashboardJobTemplates-name { .DashboardJobTemplates-nameContainer {
font-size:19px; font-size:19px;
border-left: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9;
padding-left: 14px; padding-left: 14px;

4
awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.partial.html
View File

@@ -9,8 +9,8 @@
<i class="fa fa-rocket <i class="fa fa-rocket
DashboardJobTemplates-launch" DashboardJobTemplates-launch"
ng-click="launchJobTemplate(job_template.id)"></i> ng-click="launchJobTemplate(job_template.id)"></i>
<a href="#/job_templates/{{ job_template.id }}" class="DashboardJobTemplates-name"> <a href="#/job_templates/{{ job_template.id }}" class="DashboardJobTemplates-nameContainer">
{{ job_template.name }} <span class="DashboardJobTemplates-name">{{ job_template.name }}</span>
</a> </a>
<aw-smart-status jobs="job_template.recent_jobs" class="DashboardJobTemplates-smartStatus"></aw-smart-status> <aw-smart-status jobs="job_template.recent_jobs" class="DashboardJobTemplates-smartStatus"></aw-smart-status>
</div> </div>

10
awx/ui/static/js/dashboard/lists/jobs/jobs-list.block.less
View File

@@ -45,6 +45,7 @@
padding-bottom: 9px; padding-bottom: 9px;
padding-top: 7px; padding-top: 7px;
align-items: center; align-items: center;
word-break: break-all;
} }
.DashboardJobs-status { .DashboardJobs-status {
@@ -65,13 +66,16 @@
text-align: right; text-align: right;
margin-bottom: 0px; margin-bottom: 0px;
margin-left: 10px; margin-left: 10px;
color: #000; color: #6f6f6f;
} }
.DashboardJobs-itemLink:hover { .DashboardJobs-itemLink:hover {
.DashboardJobs-nameContainer, .DashboardJobs-nameContainer {
color: #2a6496;
}
.DashboardJobs-time { .DashboardJobs-time {
font-weight: 600; color: #000;
} }
.DashboardJobs-status--success { .DashboardJobs-status--success {